如何通过移动Web开发有效地使用资源?

时间:2016-01-20 19:13:46

标签: javascript html mobile cross-browser subdomain

我是移动网络开发的新手,我正试图找出最佳结构。我决定使用子域来处理移动设备的所有内容,如果它检测到移动设备,则会指向该子域。

我的JavaScript文件指向http://m.mywebsite.com。子域位于服务器上的" root / mobile"所以所有资源都可以移动使用。

这是我的困惑:要使用更少的资源和数据,重复文件我会回到目录。例如,要嵌入徽标图像,我将使用src="../images/logo.png"。这不正确吗?这样做有什么不利之处吗?我没有看到制作新图像目录并在其中放置徽标副本的要点,因为它会使用更多数据。虽然我在网上看到的所有人都在他们的移动目录中制作了重复的目录。

也许这并不重要,我在思考这个问题。或许我在错误的地方寻找......如果是这种情况,有人可以提供有用的链接来开始使用移动设备吗?

谢谢!!

1 个答案:

答案 0 :(得分: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"

关于图像复制,最好使用较小分辨率的桌面图像副本用于移动版本。较小的图像可以在较小的屏幕上实现更好的缩放和更好的延迟(因为文件的尺寸较小,可以下载)。

因此,如果您将较小的图片用于移动版,则无论如何都不会重复。

考虑到大多数存储成本比网络流量成本便宜得多。因此,最好为每个相关案例提供适当的资源,而不是担心一个或多或少的目录。