移动Web开发如何有效利用资源?
How to effectively use resources with mobile web development?
我是移动网络开发的新手,我正在尝试找出最佳结构。我决定使用一个子域来处理所有移动设备,如果它检测到移动设备,则 JavaScript 指向该子域。
我的 JavaScript 文件指向 http://m.mywebsite.com
。子域位于 "root/mobile" 服务器上,因此所有资源都可以在移动设备上使用。
这是我的困惑:为了使用更少的资源和数据,重复的文件我回到了一个目录。例如,要嵌入徽标图像,我会使用 src="../images/logo.png"
。这不对吗?这样做有什么缺点吗?我看不出创建一个新的图像目录并在其中放置徽标副本的意义,因为它会使用更多数据。虽然,无论我在网上看到什么,人们都在他们的移动目录中制作重复的目录。
也许这并不重要,我想多了。或者也许我在错误的地方寻找...如果是这种情况,有人可以提供有用的链接以开始移动使用吗?
谢谢!!
希望我没看错。
无论一般(非移动)资源文件夹是否在不同 domain/subdomain 中,为了安全起见,您可以通过指定完整 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"
关于图像复制,最好为移动版本使用桌面图像的较小分辨率副本。较小的图像可以在较小的屏幕上更好地缩放和更好的延迟(因为下载的文件较小)。
因此,如果您在移动版中使用较小的图像,则无论如何都不会重复。
考虑到大多数存储成本比网络流量成本便宜得多。因此,最好为每个相关案例提供适当的资源,而不是担心一个或多或少的目录。
我是移动网络开发的新手,我正在尝试找出最佳结构。我决定使用一个子域来处理所有移动设备,如果它检测到移动设备,则 JavaScript 指向该子域。
我的 JavaScript 文件指向 http://m.mywebsite.com
。子域位于 "root/mobile" 服务器上,因此所有资源都可以在移动设备上使用。
这是我的困惑:为了使用更少的资源和数据,重复的文件我回到了一个目录。例如,要嵌入徽标图像,我会使用 src="../images/logo.png"
。这不对吗?这样做有什么缺点吗?我看不出创建一个新的图像目录并在其中放置徽标副本的意义,因为它会使用更多数据。虽然,无论我在网上看到什么,人们都在他们的移动目录中制作重复的目录。
也许这并不重要,我想多了。或者也许我在错误的地方寻找...如果是这种情况,有人可以提供有用的链接以开始移动使用吗?
谢谢!!
希望我没看错。
无论一般(非移动)资源文件夹是否在不同 domain/subdomain 中,为了安全起见,您可以通过指定完整 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"
关于图像复制,最好为移动版本使用桌面图像的较小分辨率副本。较小的图像可以在较小的屏幕上更好地缩放和更好的延迟(因为下载的文件较小)。
因此,如果您在移动版中使用较小的图像,则无论如何都不会重复。
考虑到大多数存储成本比网络流量成本便宜得多。因此,最好为每个相关案例提供适当的资源,而不是担心一个或多或少的目录。