Dieser Artikel ist Teil einer Reihe von Artikeln, die in Zusammenarbeit mit SiteGround erstellt wurden. Vielen Dank, dass Sie die Partner unterstützt haben, die SitePoint erm?glicht haben.

Welche Browser sollten Websites/Apps unterstützen? Dies ist eine Frage, die Kunden und Entwickler h?ufig stellen. Die einfache Antwort besteht darin, die Top -N -Mainstream -Anwendungen aufzulisten. Aber ist diese Strategie irrelevant geworden?

Schlüsselpunkte

• Die Frage, welche Browser eine Website -Unterstützung nicht einfach ist, h?ngt von verschiedenen Faktoren wie der Zielgruppe, der Art der Website und den verfügbaren Ressourcen ab.
• Trotz aller Arten von Browsern haben sie alle das gleiche Ziel: Webseiten. Es werden jedoch keine zwei Browser genauso gerendert, was zu subtilen Unterschieden führt, die bei der Verwendung innovativer Technologie offensichtlicher werden.
• Progressive Enhancement -Technologie kann dazu beitragen, dass die Website in jedem Browser ordnungsgem?? funktioniert, indem sie eine Basis festlegt und sie dann mit CSS und JavaScript verbessert, wenn sie unterstützt werden. Dies wird jedoch für Anwendungen mit reichhaltigen Schnittstellen weniger praktisch.
• Entwickler sollten sich das Web als Ger?tsunabh?ngige Plattform vorstellen, defensive Entwicklungstechniken einführen und ihre Projekte in verschiedenen Anwendungen testen. Sie sollten sich auch bewusst sein, dass sich die Technologie weiterentwickelt und dass komplexere Websites oder Anwendungen m?glicherweise eine kontinuierliche Wartung erfordern.

Was sind die am h?ufigsten verwendeten Browser?

Nach den Statistiken von StatCounter 2017 sind die zehn besten Desktop -Browser: 1. Chrom - 59,37% Marktanteil 2. Firefox - 12,76% 3. Safari - 10,55% 4. Dh 8,32% 5. Rand - 3,42% 6. Opera - 1,99% 7. Android (Tablet) - 1,24% 8. Yandex Browser-0,48% 9. UC Browser-0,41% 10. coc coc— 0,33%

Mobile Ger?te machen jetzt 54,25% aller Webseitennutzungen aus. Daher müssen wir auch die zehn besten mobilen Browser überprüfen: 1. Chrome - 49,23% 2. Safari - 17,73% 3. UC Browser-17,89% 4. Samsung Internet-6,58% 5. Opera - 5,03% 6. Android - 3,75% 7. Iemobile - 0,68% 8. Blackberry - 0,26% 9. Rand - 0,15% 10. Nokia - 0,12%

Globale Statistiken erz?hlen nicht die ganze Geschichte:-Die Muster variieren in verschiedenen Regionen stark. Yandex ist beispielsweise der zweith?ufigste verwendete Browser in Russland (12,7% Anteil). Sogou ist der dritth?ufigste Browser in China (6,5%). Opera Mobile/Mini hat einen Anteil von 28% in Afrika.

• Neue Browser -Versionen werden regelm??ig angezeigt. Chrome, Firefox und Oper erhalten alle sechs Wochen Aktualisierungen.
• Der gleiche Browser kann auf verschiedenen Ger?ten und Betriebssystemen unterschiedlich funktionieren. Chrome ist für alle Versionen von Windows, MacOS, Linux, Android, iOS und Chromeos verfügbar, aber es ist nirgendwo die gleiche Anwendung.
• Auf einer Vielzahl von Ger?ten, einschlie?lich Spielekonsolen, E-Book-Lesern und Smart-TVs, gibt es zahlreiche und vielf?ltige alte und neue Versionen, einzigartige und aufregende Browser.
• Die analytischen Daten auf Ihrer Website werden niemals globale Statistiken übereinstimmen.

Ist der Browser so anders?

Obwohl es viele Anwendungen gibt, haben alle Browser das gleiche Ziel: stellen eine Webseite dar. Sie verwenden eine Rendering-Engine, um dies zu erreichen, und es gibt einige Kreuzungen: 1. Webkit wird für Safari auf MacOS und iOS verwendet. 2. Blink ist ein Zweig von Webkit, der jetzt in Chrome, Opera, Vivaldi und Brave verwendet wird. 3.. Gecko wird in Firefox verwendet. 4. Trident wird im Internet Explorer verwendet. 5. EdgeHtml ist eine aktualisierte Version von Trident für die Verwendung in Edge.

Die meisten Browser verwenden einen dieser Motoren. Es handelt sich um unterschiedliche Projekte mit verschiedenen Teams, aber diese Unternehmen arbeiten (meistens) über W3C zusammen, um sicherzustellen, dass neue Technologien von allen auf die gleiche Weise übernommen werden k?nnen. Die Browser sind n?her als je zuvor, und moderne Smartphone -Apps entsprechen ihren Desktop -Apps. Keine zwei Browser rendern jedoch genauso. Die meisten Unterschiede sind subtil, aber diese Unterschiede werden offensichtlicher, wenn Sie sich der modernen Technologie zuwenden. Eine bestimmte Funktion kann vollst?ndig in einem Browser implementiert werden, teilweise in einem anderen Browser und nicht in anderen Browsern.

Kann meine Website in jedem Browser ausgeführt werden?

Ja. Technologien wie Progressive Enhancement (PE) stellen eine Basis (wahrscheinlich nur HTML) fest und verbessern sie dann unter Verwendung von CSS und JavaScript, wenn sie unterstützt werden. Die neuesten Browser k?nnen moderne Layouts, Animationseffekte und interaktive Widgets erhalten. ?ltere Browser erhalten m?glicherweise nur HTML, die nicht gestylt sind. Alle anderen Browser erhalten Inhalte dazwischen. PE ist perfekt für Inhaltswebsites und Anwendungen mit grundlegenden formbasierten Funktionen. Es wird weniger praktisch, wenn Sie zu Anwendungen mit reichen benutzerdefinierten Schnittstellen wechseln. Ihre neue kollaborative Video -Bearbeitungs -App ist wahrscheinlich nicht vor zehn Jahren in IE7. Es funktioniert m?glicherweise nicht auf kleinen Bildschirmger?ten auf einem 3G -Netzwerk. M?glicherweise k?nnte eine alternative Schnittstelle bereitgestellt werden, aber das Ergebnis k?nnte eine separate, ungeschickte Anwendung sein, die nur wenige Menschen gerne verwenden würden. Angesichts der Gr??e der Legacy Browser -Benutzerbasis sind die Kosten unerschwinglich.

Ratschl?ge des Standortbesitzers

Website -Eigentümer sollten die folgenden Grundprinzipien und Einschr?nkungen des Web verstehen. Das Web druckt nicht! Ihre Website/App sieht nirgendwo gleich aus. Jedes Ger?t verfügt über ein anderes Betriebssystem, einen Browser, eine Bildschirmgr??e, Funktionen usw. Funktionen k?nnen variieren. Ihre Website kann für alle funktionieren, aber die Erfahrung und die Einrichtungen variieren. Selbst etwas so Grundlegendes wie das Datumseingangsfeld hat mehrere M?glichkeiten, aber im Idealfall bleibt die Kernanwendung in Betrieb. Bewerten Sie Ihr Projekt, um realistisch zu sein. Es handelt sich um eine Content-Website, eine einfache App, eine desktop?hnliche App, ein schnelles Spiel und vieles mehr. Legen Sie ein grundlegendes Ma? an Browserkompatibilit?t fest. Zum Beispiel muss es in den meisten Browsern vor zwei Jahren mit einer Bildschirmbreite von 600 Pixel über einer schnellen Wi-Fi-Verbindung ausgeführt werden. Bewerten Sie Ihr Publikum und verlassen Sie sich nicht auf globale Browserstatistiken. Wer sind die Hauptnutzer? Sind sie neu im oder Techniker? Ist es eine Person, ein kleines Unternehmen oder eine staatliche Organisation? Sitzen sie an ihren Schreibtischen oder gehen herum? Keine App funktioniert für alle - konzentrieren Sie sich zuerst auf Kernbenutzer. überprüfen Sie nach M?glichkeit die analytischen Daten vorhandener Systeme, verstehen Sie jedoch die zugrunde liegenden Daten. Wenn Ihre Bewerbung nicht in Opera Mini ausgeführt wird, ist es unwahrscheinlich, dass Opera Mini -Nutzer. Haben Sie einen gro?en Teil des Marktes blockiert? Ver?nderungen erfolgen erstaunlich, Webseiten, die vor zwanzig Jahren geschrieben wurden, funktionieren bis heute. Es wird nicht unbedingt hübsch oder verfügbar sein, aber der Browser ist immer noch rückw?rtskompatibel. (Die meisten. <blink></blink> Tags sind immer noch ungültig!) Die Technologie entwickelt sich jedoch st?ndig weiter. Je komplexer Ihre Website oder Anwendung ist, desto wahrscheinlicher ist es, dass eine fortlaufende Wartung erforderlich ist.

Webentwickler Rat

Solange Sie ein wenig Aufmerksamkeit schenken, k?nnen Sie eine Vielzahl von Browsern unterstützen. Umfassen Sie das Web! Das Web ist eine Ger?tsunabh?ngige Plattform. Inhalt und eine einfachere Oberfl?che k?nnen überall ausgeführt werden: moderne Laptops, Feature -Telefone, Gaming -Konsolen, IE6 und mehr. Erfahren Sie die Grundlagen der allm?hlichen Verbesserung. Auch wenn Sie es für Ihre vollst?ndige Anwendung nicht verwenden, gibt es immer noch einige Funktionsbereiche, in denen es von unsch?tzbarem Wert wird. Verwenden von defensiven Entwicklungstechniken, um dies zu berücksichtigen, bevor die aktuellen Vorschriftenmodule, Bibliotheken oder Frameworks verwendet werden. Bevor Sie beginnen, lernen Sie, was die Technologie bedeutet. Frameworks sollten eine Liste der Browserunterstützung bereitstellen, wie sie in einer begrenzten Anzahl von Anwendungen getestet wurden. Erfahren Sie mehr über Browserbeschr?nkungen und Macken. Wenn Sie beispielsweise SVG -Diagramme verwenden, beachten Sie, dass es in IE9 bis 11 seltsam aussieht und in IE8 und unten versagt. Dies bedeutet nicht, dass eine bin?re Auswahl zwischen der Ablehnung von SVG oder dem Verlassen der IE -Unterstützung getroffen werden muss. Es gibt immer einige Kompromisse, die keine gr??eren Entwicklungsbemühungen verursachen. Zum Beispiel:- Es ist seltsam, das SVG-Rendering zu akzeptieren, aber es ist immer noch verfügbar

• Zeigen Sie nur in IE oder
Data -Tabellen an
• bietet SVG -Downloads, die IE -Benutzer an anderer Stelle ?ffnen k?nnen.

Testen Sie früh und testen Sie es oft. Sie k?nnen nicht jedes Ger?t testen, aber es ist zwecklos, sich für nur einen Browser zu entwickeln. Testen Sie Ihr Projekt kontinuierlich in verschiedenen Anwendungen. Durch das Speichern von Tests bis zum Ende haben katastrophale Konsequenzen. Wir k?nnen die M?ngel der Werkzeuge und Browser leicht verantwortlich machen. Wenn wir jedoch früh erkannt werden, k?nnen die meisten Probleme w?hrend der Entwicklung behoben werden. Dies bedeutet nicht, dass jeder Browser jedes Mal genauso laufen muss. Funktionelle Regression ist unvermeidlich. Zum Beispiel: - Progressive Web -Apps funktionieren nicht offline auf iPhone und iPad - aber Online -Vorg?nge sind in Ordnung.

• IE unterstützt kein CSS-Netz-aber schwimmend, flexbox oder vollwertiger Block-Fallback sollte akzeptabel sein.
• Die Desktop -Version von Firefox zeigt keinen Kalender für das Datumsfeld an. Benutzer k?nnen jedoch weiterhin Daten eingeben.

Installieren Sie einige Browser auf Ihrem Entwicklungs -PC. Mac- und Linux-Benutzer k?nnen Microsoft Edge- und IE-Test-Tools unter Entwickler erhalten. Für Windows und Linux -Benutzer ist das Testsafari schwieriger. Moderne Browser verfügen über hervorragende Funktionen für mobile Emulation, aber einige reale Ger?te k?nnen verwendet werden, um die Berührungsteuerung und Leistung auf langsameren Hardware und Netzwerken zu verstehen. Die Verwendung von HTTPSWEB in Ihrem Terminal macht HTTPS nach und nach das bevorzugte Protokoll, und dieser Trend wird fortgesetzt. Google Chrome hat sogar damit begonnen, Non-HTTPS-Websites als unsicher zu markieren. Dies ist ein guter Grund für Sie, Ihre Website für die Verwendung von HTTPS zu konfigurieren. Zum Beispiel macht unser Web -Hosting -Partner -Siteground ihren Kunden einfach, auf HTTPS zu migrieren. Zu diesem Zweck installiert sie automatisch die SSL -Zertifikate für alle neuen WordPress -Konten, und für vorhandene Konten wechseln sie mit nur einem Klick auf HTTPS.

Sie haben diese Frage noch nicht beantwortet!

Frage "Welche Browser sollten Sie unterstützen?" Angenommen, Ihre Antwort ist nur "Chrom":- Welche Ger?te und Betriebssysteme betreiben sie?

• Welcher Bildschirmgr??enbereich wird unterstützt?
• Auf welche Version beziehen Sie sich? Letzte? Chrom 10 und h?her?
• Was passiert, wenn eine neue Version von Chrome ver?ffentlicht wird?
• Was passiert mit anderen Browsern, wenn Chrome tats?chlich zur Laufzeit Ihrer Anwendung wird?

Für kundenorientierte Projekte ist die Bereitstellung einer Browser-Support-Liste unpraktisch geworden. Die beste Antwort k?nnte sein: "Wir werden Ihr Projekt basierend auf angenommenen Benutzerstatistiken entwickeln und es dann in so vielen Ger?ten, Betriebssystemen, Browsern und Versionen wie m?glich basierend auf Budget- und Zeitbeschr?nkungen testen." Selbst dann werden Sie die alte Blackberry vermissen, auf der der CEO besteht. Für die Webentwicklung-nicht den Browser.

FAQs über die Website Browser Support (FAQ)

Das obige ist der detaillierte Inhalt vonWelche Browser sollten Ihre Website unterstützen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!