如何有效地利用移動網站開發資源？

Question

我是移動Web開發的新手，我試圖找出最佳結構。我決定使用一個子域來處理一切移動的事物，如果它檢測到移動設備，則指向該子域的JavaScript。

我的JavaScript文件指向http://m.mywebsite.com。子域位於服務器上的「root/mobile」，因此所有資源都可以在移動設備上使用。

這裏是我的困惑：要使用更少的資源和數據，重複文件我回去一個目錄。例如，要嵌入徽標圖像，我會使用src="../images/logo.png"。這不正確嗎？這樣做有什麼缺點嗎？我沒有看到製作一個新的圖像目錄，並在那裏放置一個徽標的副本，因爲它會使用更多的數據。儘管我在網上看到的每個人都在他們的移動目錄中製作重複的目錄。

也許這並不重要，我正在推翻這一點。或者，也許我正在尋找錯誤的地方......如果是這樣，有人可以提供有用的鏈接，開始移動使用？

謝謝！

Answer 1

我希望我能幫到你。

無論通用（而不是移動）資源文件夾是否位於不同的域/子域中，爲了安全起見，您可以通過指定完整的URL來引用該文件夾（只要客戶端可以訪問它看到CORS），而不是相對的URL。

src="http://m.mywebsite.com/images/logo.png" 
src="http://m.mywebsite.com/mobile/images/logo.png" 
src="http://mywebsite.com/images/logo.png" 

關於圖像重複，最好爲移動版本使用較小分辨率的桌面圖像副本。較小的圖像可以在較小的屏幕上獲得更好的縮放效果，延遲時間更長（因爲下載的文件尺寸較小）。

因此，如果您使用較小的圖像作爲移動版本，則無論如何都不會有重複。

考慮到大多數存儲成本比網絡流量成本要便宜得多。所以最好爲每個相關案例提供適當的資源，而不必擔心一個或多個目錄。