尋找一種方法來編程任何設備的移動網站。有沒有？

我的願望是瞭解如何編寫一個適合所有手機的移動網站。尋找一種方法來編程任何設備的移動網站。有沒有？

是否有識別設備和渲染根據它的代碼什麼特殊的方法？

需要哪些工具和編碼語言？

我首先想到的是：持有在XML的網站，該網站會根據不同的設備上進行解析。

你必須考慮舊手機，甚至只有wap支持的設備。

例如：移動網站必須承認諾基亞N75和渲染/發送，看起來最適合該設備的代碼。與iPhone或摩托羅拉Razr一樣的東西。

來源

2010-05-06 ChrisBenyamin

你一定要遵循這一章的博客：http://www.quirksmode.org/blog/archives/mobile/index.html – 2010-05-06 20:06:35

有這個太多了設備的多樣性工作方法。幾乎所有的手機型號都有着不同的功能。如果您的目標是真正達到每部手機，請堅持使用最基本，最簡潔的HTML格式。 – 2010-05-06 22:27:44

與開發手機網站有關的各種問題。做好它需要花費大量的時間和精力，因爲手機對Web標準有着不同的支持。有一些工具可以幫您實現，例如Mobile Web Toolkit和沃達豐的PartnerMl。這些通常會迫使您使用專用的XML標記來編寫頁面，這些XML標記描述了可以在頁面上呈現的一組有限的元素和樣式。手機請求這些xml頁面，服務器端軟件攔截請求，檢查手機的類型（用戶代理），並提供適合該手機的反向標記。這個系統的缺點是它非常不靈活;您僅限於該工具提供的一組XML元素，而不是HTML的完全靈活性。

如果你想自己做，本質上，你必須做到以下幾點。

使用服務器端代碼，檢查Http標題中的用戶代理。這告訴你什麼樣的電話/瀏覽器提出請求
爲該用戶代理輸出適當的標記和CSS。

有用的工具是代理切換插件的Firefox用戶。例如，使用這種方法，您可以訪問BBC's website，假裝是各種設備。您將看到BBC根據用戶代理輸出其3或4個版本的標記，以及3或4個不同版本的CSS。

mobiForge包含有用的信息。 WURFL和DeviceAtlas是允許您確定發出請求的設備的功能的數據庫。

您很快就會意識到，您將不得不簡化設計，最好不要依賴Javascript，因爲只有最現代的手機才能處理好它。

來源

2010-05-06 20:04:14 darasd

感謝這個darasd。在你的鏈接中有一些真正有用的方法。 – ChrisBenyamin 2010-05-07 09:11:39

一種方法是使用嚴格的html和非常明確的語義和最小的css tricking。請僅使用相對度量（例如em和%）。相信瀏覽器的默認值，因爲它們對於每個設備來說都是最優的，或多或少。

來源

2010-05-06 19:46:44 Johan

現在不存在很好的工具來做到這一點。一個好的做法是尊重關於可訪問性的不同W3C標準（如WCAG，XHTML等）。如果您使自己的網站儘可能最容易訪問，它將更具適應性。（獨立於設備，屏幕大小，有或沒有屏幕觸摸...）

如果您想了解更多信息，你可以閱讀我的關於網頁可訪問這裏的文章之一，如果你想：Guideline to move a website on a mobile device.

但是你可以使用一些meta標籤，讓手機的網絡瀏覽器調整內容像這樣的iPhone：

<meta name="viewport" content="width=device-width">

來源

2010-05-06 20:06:08

謝謝Yannick，但是您的信息對於Web開發人員而言太過抽象且具有實際的標準/常用知識。我的目標是發現考慮設備特定需求的新方法。 – ChrisBenyamin 2010-05-07 09:14:51

XML是要走的路。

從那裏開始分析並處理請求中的代理標籤。

從那裏你可以選擇（假設設備支持它），讓設備通過XSLT呈現它，或者你可以在你的末端應用XSLT並向設備傳遞適當的標記語言。

最後，您最終會得到每個設備的特定「渲染」。理想情況下，這些設備與普通瀏覽器的兼容性越高，最終的XSLT就相互關閉。但是，您仍然可能爲您支持的每個設備提供一個版本。

這樣的美妙之處在於，您可以隨着時間和需求許可逐步添加設備。隨着設備的融合，您可以通過融合您的效果圖來獲得價值。另外，無論如何，您的後端都保持不變。

最後，它也非常適用於非移動設備。

是的，這是支持不同設備的負擔，但這只是市場的真相。

來源

2010-05-06 20:09:48

你可能想看看WURFL

來源

2010-05-06 22:23:39

尋找一種方法來編程任何設備的移動網站。有沒有？

回答

相關問題