2010-10-15 7 views
5

Als angehende Webentwickler versuche ich, die feine Linie der Cross-Plattform-Usability/Kompatibilität und Pizazz (Funktionalität) zu gehen.JavaScript über/unter Verwendung. Was ist in diesen Tagen akzeptabel?

Ist das genauso ein Problem wie vor ein paar Jahren? Die Teile meiner Site, die - ich wage es zu sagen - verlangen (aka machen mein Leben einfacher) JS wäre nicht etwas, auf das ein Handy zugreifen möchte (obwohl es könnte, wenn es wollte).

http://www.w3schools.com/browsers/browsers_stats.asp

Wenn Sie nach unten scrollen, so scheint es, um anzuzeigen, dass 95% der Computer, die Website zugreifen hat JS aktiviert/installiert.

Jede Eingabe von jemandem, der sich mit diesem Problem befasst hat, wäre willkommen.

Danke, Jason

+2

Denken Sie daran, dass die Website * Sie * erstellen und W3Schools * sehr * in Bezug auf die Zielgruppe * sehr * unterschiedlich sein können. Zum Beispiel, wenn Sie eine Website namens www.grandmothers.com hatten, ist es zu diesem Zeitpunkt unwahrscheinlich, dass diese Browser-Statistiken für Sie überhaupt nützlich sind, da Sie eine * sehr * andere Zielgruppe ansprechen. –

+2

Vor allem grandmothersagainstjavascript.com – Detect

+0

@Detect aww Ich hatte gehofft, dass war eine echte Website:/ – lincolnk

Antwort

2

Ich weiß nicht, jemand in diesen Tagen Wer hat Javascript dauerhaft deaktiviert? Die schiere Menge an Websites, die auf JS basieren, bedeutet, dass das Web ohne es praktisch unbrauchbar ist.

Die große Mehrheit der Leute lassen es einfach die ganze Zeit. Die meisten der wirklich ernsten Sicherheitslücken, die dazu führten, dass Leute sie abschalten, sind längst behoben, also ist es viel weniger ein Problem als früher.

Es gibt immer noch einige Dinge, die die Paranoiden beunruhigen, aber selbst dann machen die meisten Leute, die JS deaktivieren, dies Site für Site mit einem Tool wie der Firefox NoScript Extension, anstatt es einfach auszuschalten. Wenn diese Personen eine neue Site besuchen, müssen sie entscheiden, ob sie ihr genügend vertrauen, um JS dafür zu aktivieren.

Die andere demografische Gruppe, die betroffen sein könnte, sind behinderte Benutzer, die einen Bildschirmleser oder andere assistive Technologie verwenden. Viele dieser Personen sind möglicherweise nicht in der Lage, Javascript zu verwenden. (das heißt aber, viele von ihnen können; Bildschirmleser sind nicht annähernd so rückständig im Vergleich zu regulären Browsern, wie viele Leute sich vorstellen)

Am Ende des Tages, aber es liegt an Ihnen, wirklich zu entscheiden, was Sie tun zu unterstützen Ihre Besucher, die kein JS haben. Hier sind einige Dinge zu beachten:

  • Hat Ihre Website absolut benötigen Javacript - Wenn Sie ein GMail Typ-System schreiben, und das Ganze funktioniert nur, weil von JS, dann natürlich können Sie nicht unterstützt es haben.
  • Wie viel Ihrer Zielgruppe wird JS deaktiviert haben? Wie viele von ihnen werden bereit sein, es wieder zu aktivieren, nur um Ihre Website zu besuchen? Wie viele dieser Leute bist du bereit zu verlieren? Sie müssen Ihre eigene Demografie kennen, bevor Sie diese beantworten können.
  • Können Sie die JS-Funktionen so schreiben, dass die Website ohne sie noch ausreichend funktioniert? Benutzer mit ausgeschaltetem JS erwarten, dass Websites, die sie besuchen, nicht gut aussehen und Funktionen fehlen, aber sie werden glücklich sein, solange die wichtigen Bits für sie funktionieren.
+0

"Die schiere Menge an Websites, die auf JS beruhen bedeutet, dass das Web ohne es praktisch unbrauchbar ist." - Nicht zu sehr, aber ein großer Teil des Internets ist für eine beträchtliche Anzahl von Leuten praktisch unbrauchbar. Aber nicht Google Mail - es hat einen perfekt verwendbaren Nur-HTML-Client, also denke ich, dass das ein schlechtes Beispiel für die Art von App ist, die JS benötigt, um es zum Laufen zu bringen. –

0

W3Schools wird von Entwicklern verwendet, und nicht um eine realistische Darstellung der breiten Öffentlichkeit.

Global Stats Counter (http://gs.statcounter.com/) ist ein gültiges Maß für allgemeine Benutzer.

Wie Sie Ihre Website codieren, hängt von Ihrer erwarteten Zielgruppe ab.

0

Ich glaube nicht, dass sich diese Zahl drastisch ändern wird - 95% ist nahe zu korrigieren.

Mein Vorschlag wäre, JQuery so viel wie möglich zu ersetzen, da es hilft, browserspezifische Probleme zu verringern. Planen Sie außerdem das Hinzufügen von NoScript-Funktionen, sodass Ihr Gerät, wenn es nicht über JS verfügt, etwas weniger mit "Pizzaz"

zu tun hat , mobile Browser können Javascript einfach gut verarbeiten.

0

Wie von anderen gesagt, hängt dies von Ihrem Publikum ab. Darüber hinaus sollte Ihre Site eine Basisfunktionalität haben. Das heißt, sie sollten in der Lage sein, Ihre Inhalte mit fast allem anzuzeigen und zu verwenden. Alle Extras können für diejenigen gelten, die es sehen können.

Die meisten Benutzer haben Javascript aktiviert, aber manchmal funktioniert es nicht wegen Malware, Skriptblockern, Werbeblocker usw. Diese Leute sind daran gewöhnt, dass Dinge nicht funktionieren. (Sehen Sie sich YouTube und einige andere beliebte Websites an, auf denen JavaScript nicht aktiviert ist.) Dies bedeutet jedoch nicht, dass Sie sie ignorieren können. Es bedeutet einfach, dass die Mehrheit Ihrer Website ohne Vorfall ohne Javascript funktionieren sollte.

2

Es hängt davon ab, was Sie tun. Ich bin fest davon überzeugt, dass Javascript in Würde degradiert, wenn es nur UI-Zucker hinzufügt. Es ist eine feine Linie, und es gibt nicht wirklich eine Antwort. Manchmal sind Sie in der Lage, Annahmen über Ihre Benutzerdatenbank zu treffen. Wenn Sie beispielsweise eine mobile Webanwendung schreiben, ist Ihnen eine gute HTML5-Unterstützung garantiert. In anderen Fällen müssen Sie sich vielleicht Sorgen machen, dass Sie eine solide IE6-Unterstützung haben. Es kommt darauf an, was Ihre Zielgruppe ist und wie viel Zeit Sie sich leisten können, um verschiedene Konfigurationen zu unterstützen.

Ich würde Ihnen wärmstens empfehlen, als aufstrebender Webentwickler zu lernen, wie Sie mit Ihrem Javascript progressive Verbesserungen vornehmen können. Es ist oft der "richtige" Weg, um ein Problem anzugehen, auch wenn Sie nicht daran interessiert sind, JavaScript-freie Browser zu unterstützen. und es ist sehr wahrscheinlich, dass Sie in Zukunft in eine Situation geraten, in der Sie rückwärts gerichtete Browser unterstützen müssen (eine Gruppe, in die Sie den Googlebot ebenfalls einbinden können).

0

Solange Ihre Website "anmutig" ausfällt, können Sie wirklich nur selbst wählen, wie viel von der Bevölkerung Sie versuchen und unterbringen möchten.

Die meisten Websites, die ich mache, haben keinen Sinn, auch nur minimale Funktionalität ohne Javascript zu haben, da der Grund, warum sie da sind, der Kauf von mySQL-Inhalten ist.

So stelle ich nur sicher, dass, wenn sie JavaScript benötigen, ich es überprüfen, sobald die Seite lädt und wenn es nicht vorhanden ist, lasse ich den Benutzer schön wissen, dass sie aktivieren oder installieren müssen um sicherzustellen, dass meine Website ordnungsgemäß funktioniert. In einer idealen Welt sollte man natürlich immer jedes Benutzersegment unterbringen, aber da die Kunden selten für diese Art von Entwicklung bezahlen wollen, versuche ich normalerweise, das größte Segment zu finden, das ich für den geringsten Betrag erreichen kann von Ressourcen und Entwicklung.

Hier ist der Code, den ich verwenden möchte.

<!-- make sure javascript is turned on.. --><noscript><div style="position:absolute;top:10px;left:10px;width:300px;height:90px;background-color:#FFF;border:solid;border-width:2px;border-color:#F00;font-size:14px;text-align:center;overflow:hidden;z-index:999;"><div style="position:absolute;top:5px;left:5px;width:50px;height:80px;background-color:#F00;color:#FFF;font-size:48px;text-align:center;line-height:80px;">!</div><div style="width:230px;height:60px;position:absolute;top:15px;left:65px;text-align:center;font-size:13px;color:#F00;font-style:italic;">ERROR: JAVASCRIPT MISSING<br /><br />Enable or install Javascript<br />to view this site.</div></div></noscript> 

Das ist für mich gut in allen Browsern funktioniert hat ich es in getestet

0

Ich mag, dass Sie die Frage gestellt haben, aber ich muss sagen, dass ich sehr durch die Antworten enttäuscht waren Sie bisher erhalten haben (einschließlich der Antwort akzeptierten). Es scheint eine allgemeine Wahrnehmung zu geben, dass Benutzer, die JavaScript deaktiviert haben, entweder Luddites oder Idioten sind. Es wurde viel von "graceful degradation" gesprochen, und das fehlt der Punkt überhaupt. Der Punkt ist die Zugänglichkeit.

Es sei denn, Sie bauen eine Website, die einem Benutzer mit visuellen oder motorischen Beeinträchtigungen nichts bieten würde (wie, sagen wir, ein Online-Grafik-Spiel), sollte Ihre Website einfach funktionieren und machen perfekt Sinn mit CSS, Bilder und JavaScript sind alle deaktiviert. Low-Vision-Benutzer werden wahrscheinlich Ihr CSS übersteuert haben, damit sie den sceen lesen können, und sie werden sich nicht viel um Ihre Bilder kümmern, es sei denn, der alt-Text (und longdesc, falls Sie sich darum gekümmert haben) klingt so überzeugend schau dir eine vergrößerte Version an. Und die Jalousie wird entweder eine Braille-Schnittstelle oder einen Bildschirmleser wie JAWS verwenden, von denen keiner besonders mit Hintergrundaktualisierungen in zufälligen Bereichen der Seite kompatibel ist.

Jetzt, bevor jemand auf eine Träne über davon abhebt, wie schwierig es sein würde, für Behinderte zu entwerfen, lassen Sie mich das sagen, das ist der einfache Teil. Bei der Entwicklung der grundlegenden, funktionierenden Anwendung geht es vor allem darum, auf die Dokumentenstruktur (semantisches Tagging usw.) zu achten, und wenn Sie der Dokumentenstruktur Aufmerksamkeit geschenkt haben, sind die Chancen ziemlich gut, dass Sie auch darauf geachtet haben die Datenstruktur zurück auf dem Server. An dieser Stelle sieht die App vielleicht nicht so aus, aber sie liefert alle Informationen, die sie bereitstellen soll, und nimmt dem Benutzer alle erforderlichen Informationen ab. Sicher, alles erfordert komplette Seitenladevorgänge, aber alles funktioniert.

Bilder, CSS und JavaScript können alle zur Verbesserung dieser Arbeitsanwendung verwendet werden. Das Ziel des Spiels ist nicht "gradeful degradation", sondern "progressive enhancement". Bilder und CSS fügen nicht nur Dekoration hinzu, sie können die Informationshierarchie verstärken und Benutzeraktionen für Benutzer verdeutlichen, die die visuellen Verbesserungen schätzen. JavaScript kann das Standardverhalten von UI-Elementen (Links, Schaltflächen, Textareas usw.) überschreiben, sodass dem Benutzer unmittelbares Feedback gegeben wird und ein unterbrechungsfreier Arbeitsablauf gewährleistet ist. Das Bereitstellen von AJAX-freundlichen APIs für dieselben Datenstrukturen, die Sie für die Seiten der Vanilla-HTML-App verwendet haben, ist überhaupt nicht schwierig.

Es gibt keine Ausreden dafür, die Barrierefreiheit nicht zu beachten. Es gibt nur Ignoranz und Bigotterie.

Verwandte Themen