製作移動友好網站的規則是什麼？

Question

我想爲我的網站添加價值，這是我目前開發的，以便用戶可以檢查他們的手機。

我的問題：

1. 我應該爲移動版和完整版的一個不同的模板？ 想創建mobile.example.com的移動版本？

2. Opera Mini不支持JavaScript嗎？我有一臺Opera Mini手機，似乎JavaScript沒有運行。所有的Opera Mini都沒有JavaScript嗎？

3. Opera Mini是否支持完整的W3C標準HTML和CSS？或者他們有不同的？

4. 是否有任何模擬器在不同的手機上查看或測試網站？例如：iPhone瀏覽器，黑莓瀏覽器，WAP和Opera Mini。

謝謝!!!

Answer 1

1. 你是否希望有兩個不同的網站爲移動和非移動設備這是給你的。但是，如果你這樣做，確保有來自移動站點的鏈接，以完整的網站，使用戶能夠切換到它。
2. 的Opera Mini不支持Javascript其一定的限制（例如，異步操作）。請注意Opera Mini使用基於代理的方法，並且在Opera的服務器上執行JS，這會對某些限制施加限制。 Adobe Flash等插件不受支持。
3. 基本上，Opera Mini的支持同樣標準的歌劇桌面，因爲它們共享相同的渲染引擎（歌劇普雷斯托）。但是，由於設備的限制，某些功能（如CSS圓角）在Mini中不可用。見Opera Mini 5 standards support瞭解更多信息，但要知道，同時Opera Mini的使用歌劇的Presto 2.4，在Opera 10.53桌面使用的渲染引擎。
4. 要在Opera Mini中測試網站，請嘗試使用MicroEmulator這是開放源代碼，並帶有一個可調整大小的外觀，可讓您模擬不同的屏幕尺寸。

希望幫助:)

Answer 2

Cascading Style Sheets (CSS)是實現這一目標的方法。這意味着您需要檢查您的網站對HTML表格的使用，並將其轉換爲基於CSS的設計。

CSS Zen Garden是一個很好的資源，用於展示什麼是可能的。

到您當前 網站轉換成移動設備友好 格式資源是Skweezer.com。只需輸入 您的網站的網址，並通過去除 大圖像，CSS樣式和頁面無法顯示正確 元素 將 顯示在 移動版網站。您可以使用此模板作爲 模板或起點，爲 製作 站點的移動CSS配置文件。提供一種替代的CSS樣式表 爲用戶與移動設備 ，插入以下代碼中 HTML文檔的頭部：

<link href="/css/global.css" rel="stylesheet" type="text/css" media="handheld" /> 

Ref。

Answer 3

1. 當通過移動設備訪問內容時，您最應該調整輸出的移動設備。無論您是通過在子域還是特殊文件夾中分離移動演示文稿來完成，都是完全不相關的。

2. /3.手機不僅僅是Opera Mini。各種移動設備瀏覽器支持各種程度的豐富內容（JavaScript，CSS等）。您應該考慮檢測訪問者瀏覽器/設備支持哪些功能並提供適當豐富/「差」的內容。你應該看看WURFL和Device Atlas，它們是移動設備使用權的兩個主要數據庫，它們允許您僅使用useragent可以使用的內容。

3. 有許多模擬器在那裏，一些更好，差一些，模擬各種移動設備瀏覽器。關閉我的頭頂，我用兩個都是呦空間Smartphone模擬器（website broken atm）和Mobi TLD's emulator。也有供應商特定的（諾基亞，SE）開發人員工具，您應該能夠找到模擬供應商的設備。

Answer 4

一些網站提供你現有的網站的自動轉換。這個轉換後的，移動友好的網站可以託管在一個新的域名上，也可以在您的現有網站上應用「掩碼」。查看www.webtosmartphone.com，它可以輕鬆地自動轉換基本網站;快速的代碼行和您的網站將自動調整大小，並在最流行的智能手機查看。如果未自動轉換，則可以請求自定義轉換。