2010-10-15 38 views
5

作爲一個新興的Web開發人員,我正在嘗試跨平臺可用性/兼容性和pizazz(功能)。JavaScript over/under usage。這些日子可以接受嗎?

這和幾年前的問題一樣多嗎?我的網站的某些部分 - 我敢說 - 需要(也就是讓我的生活更輕鬆),JS不會是移動設備想要訪問的東西(儘管它可能會如此)。

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

如果向下滾動,這似乎表明,訪問該網站的計算機的95%已啓用/安裝JS。

任何來自處理此問題的人的意見,將不勝感激。

感謝, 傑森

+2

請記住,您創建的網站*和w3schools在觀衆方面可能*非常*不同。例如,如果您有一個名爲www.grandmothers.com的網站,那麼在這個時間點,這些瀏覽器統計數據不太可能對您有用,因爲您的目標是一個非常*不同的人羣。 – 2010-10-15 19:15:19

+2

特別是grandmothersagainstjavascript.com – Detect 2010-10-15 19:32:55

+0

@Detect aww我希望那是一個真正的網站:/ – lincolnk 2010-10-15 19:42:10

回答

2

我不知道這些天誰有Javascript永久關閉。依賴於JS的網站絕對數量意味着如果沒有它,網絡幾乎不可用。

絕大多數人只是隨時都離開它。大多數真正嚴重的安全漏洞,曾經讓人們關閉它早已修好了,所以它的問題遠沒有以前那麼嚴重。

仍然有些事情會讓偏執狂擔心,但即使如此,大多數禁用JS的人都是通過使用類似Firefox NoScript擴展的工具逐個站點地進行操作,而不是僅僅關閉它。當這些人訪問一個新網站時,他們必須決定是否相信它足以爲其啓用JS。

可能受到影響的其他人口統計特徵是禁用用戶,使用屏幕閱讀器或其他輔助技術。其中許多人可能無法使用Javascript。 (儘管如此,他們中的很多人都可以;屏幕閱讀器並不像許多人想象的那樣與普通瀏覽器相比落後)

儘管如此,您真的需要決定如何處理支持你沒有JS的訪問者。這裏有一些事情要考慮:

  • 您的網站是否絕對需要 Javacript - 如果你正在寫一個GMail的類型系統,整個事情只是工作,因爲JS的,那麼顯然你無法不支持擁有它。
  • 您的觀衆中有多少人會禁用JS?他們中有多少人準備重新啓用它才能訪問您的網站?你準備失去多少人?在回答這個問題之前,您需要了解自己的人口統計。
  • 你可以編寫JS功能,使網站在沒有它們的情況下仍能正常工作嗎?關閉JS的用戶希望他們訪問的站點看起來不太好,並且缺少功能,但只要重要的位仍然適用於他們,他們就會很高興。
+0

「絕大部分依賴於JS的網站意味着網站在沒有它的情況下幾乎無法使用。」 - 不要把它放在太重要的位置上,但大部分網站*幾乎都不適用於相當多的人。不是Gmail,它有一個完全可用的純HTML客戶端,所以我想這是一個需要JS完成的應用程序的壞例子。 – 2010-10-15 21:31:48

0

W3Schools的開發人員使用,而不是普通大衆的現實表現。

全局統計計數器(http://gs.statcounter.com/)是一般用戶更有效的衡量標準。

如何爲您的網站編碼取決於您的預期受衆。

0

我不認爲這個數字會有很大的變化 - 95%接近正確。

我的建議是儘可能替換JQuery,因爲這有助於緩解瀏覽器的特定問題。此外,計劃添加NoScript功能,以便如果您的用戶沒有JS,它將優雅地降低到「Pizzaz」較少的東西

就移動設備訪問包含JS的頁面而言,不要太擔心,移動瀏覽器可以很好地處理JavaScript。

0

正如別人所說,這取決於你的觀衆。此外,您的網站應該有一些基準功能。也就是說,他們應該能夠查看和使用任何內容。任何附加信息都可以適用於那些可以查看它的人。

大多數用戶確實啓用了Javascript,但有時由於惡意軟件,腳本攔截器,廣告攔截器等原因無法使用。這些人習慣於無法正常工作。 (請嘗試觀看YouTube和其他未啓用Javascript的熱門網站。)這並不意味着您可以忽略它們。它只是意味着你的大部分網站應該在沒有Javascript的情況下正常運行。

2

這取決於你在做什麼。如果只是添加UI糖,我堅信Javascript會優雅地降級。這是一條很好的路線,並沒有真正的答案。有時候,你可以對你的用戶基礎做出假設 - 例如,如果你正在編寫一個移動web應用程序,那麼你幾乎可以保證很好的HTML5支持。其他時候,您可能需要擔心IE6支持堅如磐石。這一切都歸結於你的觀衆是什麼以及你能花多少時間支持不同的配置。

我強烈建議你,作爲新興的Web開發人員,學習如何使用Javascript進行漸進式增強。即使您不關心支持無javascript的瀏覽器,它通常是解決問題的「正確」方式;而且很有可能你會遇到未來需要支持向後瀏覽器的情況(這是一個你可以將Googlebot加入的組)。

0

只要你的網站「優雅地」失敗,你就可以真正爲自己選擇你想嘗試和適應的大衆多少。

我做的大多數網站,沒有意義,甚至沒有JavaScript的最小功能,因爲他們在那裏的原因是購買/瀏覽MySQL內容。

所以,我只是確保如果他們需要javascript,我會在頁面加載後立即檢查它,如果它不存在,我讓用戶很好地知道,他們需要啓用或安裝它爲了讓我的網站正常運行。

當然,在一個理想的世界裏,你應該永遠適應每一個用戶羣,但是因爲客戶很少想爲這種開發付費,所以我通常最終只是試圖以最少量的資源和發展。

這是我喜歡使用代碼:

<!-- 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> 

這一切我已經在測試了它的瀏覽器一直運作良好,我

0

我喜歡你問過這個問題,但我必須說,我一直很通過到目前爲止,您收到的答案(包括被接受的答案)感到失望。似乎普遍認爲禁用JavaScript的用戶是Luddites或白癡。有很多關於「優雅退化」的討論,而這完全忽略了這一點。關鍵是可訪問性。

除非你正在建設一個網站,將提供什麼給用戶的視覺或運動障礙(比如說,一上線圖形遊戲),您的網站應該只是普通的工作使用CSS完美的意義,圖像和JavaScript全部禁用。低視力用戶可能會重寫你的CSS,以便他們可以閱讀這些場景,並且他們不會關心你的圖像,除非替代文本(和longdesc,如果你打算將它包括在內)使其聽起來足夠引人注目打擾一下放大的版本。盲人將使用盲文界面或JAWS等屏幕閱讀器,這兩種界面都不會與頁面隨機區域的後臺更新特別兼容。

現在,在任何人關注設計殘疾人有多困難之前,讓我說這是容易的部分。設計基本的工作應用程序就是關注文檔結構(語義標記等等),如果你一直關注文檔結構,那麼你也很注意數據結構返回到服務器上。此時,應用程序可能看起來並不多,但它會提供它應該提供的所有信息,並將從用戶那裏獲取所需的任何輸入。當然,一切都需要完整的頁面加載,但一切都可以。

圖像,CSS和JavaScript都可以用來增強該工作應用程序。遊戲的目標不是「優雅的退化」,而是「漸進式增強」。圖像和CSS不僅可以添加裝飾,還可以強化信息層次結構,併爲具備欣賞視覺增強功能的用戶闡明用戶操作。 JavaScript可以覆蓋UI元素(鏈接,按鈕,textareas等)的默認行爲,爲用戶提供即時反饋並保持不間斷的工作流。爲您使用的vanilla HTML應用程序頁面提供的相同數據結構提供AJAX友好的API並不困難。

沒有注意無障礙的藉口。只有無知和偏見。