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?
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.
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.
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.
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.
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
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.
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.
Frage "Welche Browser sollten Sie unterstützen?" Angenommen, Ihre Antwort ist nur "Chrom":- Welche Geräte und Betriebssysteme betreiben sie?
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. Die beliebtesten Webbrowser, die eine Website unterstützen sollte, umfassen Google Chrome, Mozilla Firefox, Safari, Microsoft Edge und Internet Explorer. Diese Browser decken die überwiegende Mehrheit der Internetnutzer ab. Die spezifischen Browser, die eine Website unterstützen sollte, kann jedoch von der Zielgruppe der Website und ihrem bevorzugten Browser abhängen. Sie können bestimmen, welche Browser die Website unterstützen sollen, indem Sie die Verkehrsdaten der Website analysieren. Diese Daten können zeigen, welche Browser der Besucher verwendet. Sie können auch die beliebtesten Browser in Ihrer Zielgruppe in Betracht ziehen. Die Unterstützung mehrerer Browser ist wichtig, da so viele Benutzer wie möglich auf Ihre Website zugreifen können. Verschiedene Benutzer bevorzugen möglicherweise verschiedene Browser aufgrund persönlicher Vorlieben, Gerätekompatibilität oder anderen Faktoren. Durch die Unterstützung mehrerer Browser können Sie allen Besuchern eine positive Benutzererfahrung bieten. Sie können eine Vielzahl von Tools und Diensten verwenden, um die Kompatibilität Ihrer Website mit verschiedenen Browsern zu testen. Diese Tools können das Aussehen und die Funktionalität Ihrer Website in verschiedenen Browsern simulieren und Ihnen helfen, alle Kompatibilitätsprobleme zu identifizieren und zu beheben. Die Unterstützung von Legacy -Browsern kann eine Herausforderung sein, da sie die neuesten Web -Technologien möglicherweise nicht unterstützen. Dies kann die Funktionen und Funktionen einschränken, die Sie auf der Website anbieten können. Darüber hinaus kann die Aufrechterhaltung der Kompatibilität mit älteren Browsern zusätzliche Zeit und Ressourcen erfordern. Sie sollten Ihre Browser -Support -Richtlinien regelmäßig aktualisieren, um mit Änderungen in der Verwendung und Technologie von Browser Schritt zu halten. Dies kann alle paar Monate passieren, je nachdem, wie schnell sich Ihre Branche und Ihr Zielgruppe ändert. Progressive Enhancement ist eine Webdesignstrategie, die mit grundlegenden Funktionen beginnt und dann fortschrittlichere Funktionen für Browser hinzufügt, die sie unterstützen. Diese Methode stellt sicher, dass Ihre Website unabhängig von der Funktionalität ihres Browsers von allen Benutzern zugegriffen werden kann. Support für den mobilen Browser unterscheidet sich in verschiedenen Aspekten von der Desktop -Browser -Unterstützung. Mobile Browser haben normalerweise unterschiedliche Funktionen und Einschränkungen im Vergleich zu Desktop -Browsern. Darüber hinaus können die Bedürfnisse und Erwartungen der mobilen Benutzer unterschiedlich sein, was sich auf Ihre Support -Strategie auswirken kann. Zugriffe mit gemeinsamer Browserkompatibilität gehören Layoutprobleme, Feature -Probleme und Leistungsunterschiede. Diese Probleme können häufig durch die Verwendung von Cross-Browser-Test-Tools, den Best Practices der Webentwicklung und regelmäßig Aktualisierung des Website-Codes gelöst werden. Sie können sicherstellen, dass auf Ihre Website weiterhin von Benutzern zugegriffen werden kann, die ältere Browser verwenden, indem Sie progressive Verbesserungen verwenden, alternative Versionen der Website bereitstellen oder Nachrichten bereitstellen, die Benutzer dazu ermutigen, ihre Browser zu aktualisieren. FAQs über die Website Browser Support (FAQ)
Was sind die beliebtesten Webbrowser, die eine Website unterstützen sollte?
Wie kann ich bestimmen, welche Browser meine Website unterstützen sollte?
Warum ist es wichtig, mehrere Browser zu unterstützen?
Wie testet ich die Kompatibilität meiner Website mit verschiedenen Browsern?
Was sind die Herausforderungen bei der Unterstützung älterer Browser?
Wie oft sollte ich meine Browser -Support -Richtlinie aktualisieren?
Was ist eine progressive Verbesserung und wie hängt es mit der Browserunterstützung zusammen?
Wie ist der Unterschied zwischen der Unterstützung des mobilen Browsers und dem Desktop -Browser -Support?
Die Unterstützung von Was sind Probleme mit dem gemeinsamen Browser -Kompatibilität? Wie löst ich diese Probleme?
Wie kann ich sicherstellen, dass meine Website für Benutzer mit älteren Browsern weiterhin zugänglich ist?
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!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
