我正在構建一個網站,需要使用支持JavaScript的瀏覽器和不支持(或禁用它)的瀏覽器。有什麼好的資源解釋這樣做的好方法?任何處理這個問題的特定技術或框架?在開發一個支持帶和不帶javascript的瀏覽器的網站上,有什麼好的資源?
5
A
回答
5
3
有從2010年JSConf.eu一個great video presentation上正是這個話題。
1
,你可能要考慮一些技巧:
的HTML標籤<noscript></noscript>
對於顯示的內容只有禁用了JavaScript的瀏覽器非常有幫助。
我還有另一種技術(稱爲Paul Irish?/ Modernizr?),稱爲no-js類。每頁有<html class="no-js">
。然後,在每個頁面上,都包含一行JavaScript代碼,從您的html元素中刪除該類。如果JavaScript被禁用,no-js類將繼續保留您的標記,並且您將能夠適當地設計您的站點(通過CSS)。所有你需要做的事情就是在你想要使用JavaScript的CSS規則的開頭添加.no-js
選擇器。
我的結局思想是你應該總是嘗試分離結構(html),樣式(css)和行爲(javascript)。不顯眼設計和漸進增強的原則是你的朋友。
2
沒有框架將使您的網站訪問JS禁用的用戶。這是你的工作,獨立於你可能或不可以使用的圖書館。
有你需要採取兩個步驟:
- 建立一個網站沒有JavaScript充分發揮作用。
- 的所有內容應可
- 各個環節應該是真正的鏈接
- 各種形式應該正常工作
- 加入互動的網站。
- 內容可以被操縱
- 鏈接可以使用事件偵聽器來改變自己的行爲
- 形式可以enchanced
0
開始通過構建一個版本的頁面或一組頁面,做的不使用JavaScript。在正常運行的頁面上添加JS,並儘可能將JS保留在html外面(這幾乎總是可能的)。
如果您熟悉Rails,可以查看我的blog post。帖子和示例項目展示瞭如何使用JS啓用和禁用來處理刪除。
相關問題
- 1. 跨瀏覽器ASP.NET網站開發的良好資源
- 2. 爲什麼瀏覽器不支持curl和我的網站?
- 3. Gecko支持的瀏覽器和Webkit支持的瀏覽器有什麼區別?
- 4. 帶IRC支持的瀏覽器:哪一個支持客戶端JavaScript
- 5. 直到2013年開發一個網站時,你支持所有專業的瀏覽器的版本是什麼?
- 6. Apache Pivot網站上的此瀏覽器不支持Java Plug-in
- 7. 帶有上一個和下一個按鈕的圖片瀏覽器,怎麼樣?
- 8. imagesloaded javascript library:什麼是瀏覽器和設備的支持?
- 9. Xpath和瀏覽器支持什麼
- 10. 擁有一個帶有兩個XML標籤的網站有什麼好處?
- 11. 爲什麼我的網站在其他瀏覽器上看起來不太好?
- 12. 具有良好Javascript支持的多線程無頭瀏覽器
- 13. 創建一個帶有標籤功能的網絡瀏覽器
- 14. 您仍不支持不支持JavaScript的瀏覽器?
- 15. 在Docker上運行帶有硒網格的瀏覽器模塊
- 16. 爲什麼javascript和css在網絡瀏覽器上不變?
- 17. Kindle的網頁瀏覽器是否支持Javascript?它有什麼瀏覽器(或模擬)?
- 18. 的Javascript UndoManager的瀏覽器支持
- 19. 什麼是不支持iframing的網站?
- 20. 有沒有什麼辦法來檢查在sinatra的瀏覽器JavaScript支持?
- 21. 爲什麼要在我的網站上發送/瀏覽請求?
- 22. 什麼網頁瀏覽器不支持Javascript?以及如何識別客戶端使用哪個瀏覽器?
- 23. 什麼是最好的開發「添加」的瀏覽器
- 24. 什麼是克服多瀏覽器支持問題,舊的網站
- 25. HtmlUnit - 「瀏覽器不支持」使用JQuery的網站上的錯誤
- 26. 在Android瀏覽器中播放網站視頻不支持Flash
- 27. $ .getJSON返回一個帶有IE和Opera瀏覽器的文件
- 28. 在JSF中,不支持帶有style.css的文件名,爲什麼?
- 29. 帶網頁瀏覽器的Java Rest Api
- 30. 帶JavaScript的編程式Python瀏覽器