制作适合移动设备的网站有哪些规则?
我想为我目前开发的网站增加价值,以便用户可以在他们的手机上查看。
我的问题:
我应该为移动版和完整版制作不同的模板吗? 喜欢为移动版本创建 mobile.example.com 吗?
Opera Mini 不支持 JavaScript 吗?我有一部装有 Opera Mini 的手机,JavaScript 似乎没有运行。所有 Opera Mini 都没有 JavaScript 吗?
Opera Mini 是否支持完整的 W3C 标准 HTML 和 CSS?或者他们有不同的吗?
有没有模拟器可以在不同的手机上查看或测试网站?例如:Iphone浏览器、Blackberry浏览器、WAP和Opera Mini。
谢谢你!!!
I would like to add value to my website that I have developed at the moment so that user can check on their mobile phone.
My questions:
Should I make different template for mobile version and full version one?
Like creating mobile.example.com for mobile version?Does Opera Mini not support JavaScript? I have a mobile phone that has Opera Mini, it seems that JavaScript was not running. Do all Opera Mini not have JavaScript on it?
Does Opera Mini support full W3C standard HTML and CSS? Or do they have a different one?
Is there any emulator to view or test website in different mobile phones? For example: Iphone browser, Blackberry browser, WAP and Opera Mini.
Thank you!!!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
有些网站会自动转换您现有的网站。这个转换后的、适合移动设备的网站可以托管在新域中,也可以在您现有的网站上应用“掩码”。查看 www.webtosmartphone.com,它可以轻松自动转换基本网站;一行快速代码,您的网站将自动调整大小并可在最流行的智能手机中查看。如果未自动转换,您可以请求自定义转换。
Some websites offer an automatic conversion of your existing website. This converted, mobile friendly website can either be hosted at a new domain, or a "mask" can be applied over your existing site. Check out www.webtosmartphone.com, which easily converts basic websites automatically; a quick line of code and your website will be automatically resized and viewable in the most popular smart phones. If it is not converted automatically, you can request for a custom conversion.
希望有帮助:)
Hope that helps :)
当通过移动设备访问内容时,您绝对应该针对移动设备调整输出。无论您是否通过将移动演示文稿分离到子域或特殊文件夹中来实现这一点,都完全无关紧要。
/ 3. 移动设备不仅仅是 Opera Mini。各种移动设备浏览器支持不同程度的丰富内容(JavaScript、CSS 等)。您应该考虑检测访问者浏览器/设备支持哪些功能,并提供适当的丰富/“贫乏”内容。您应该查看 WURFL 和 Device Atlas 这是移动设备用户代理的两个主要数据库,允许您仅提供用户代理可以使用的内容。
有很多模拟器可以模拟各种移动设备浏览器,有些更好,有些更差。在我的脑海中,我使用过的两个是 Yo Space SmartPhone Emulator (网站损坏的 atm) 和Mobi TLD 模拟器。您还应该能够找到特定于供应商(诺基亚、SE)的开发人员工具来模拟供应商的设备。
有
You should most definitely adapt your output for mobile devices when the content is accessed via a mobile device. Whether you will do it by separating the mobile presentation on a subdomain or a special folder or not is totally irrelevant.
/ 3. Mobile is way more than just Opera Mini. Various mobile device browsers support various degrees of rich content (JavaScript, CSS etc.) You should look into detecting what features are supported by the visitors browser/device and serve the appropriately rich/"poor" content. You should take a look at WURFL and Device Atlas which are two main databases of mobile device useragents which allow you to serve only the content that the useragent can consume.
There are many emulators out there, some better and some worse, that emulate various mobile device browsers. Off the top of my head, the two I've used are Yo Space SmartPhone Emulator (website broken atm) and Mobi TLD's emulator. There are also vendor specific (Nokia, SE) developer tools you should be able to find that emulate the vendor's devices.
层叠样式表 (CSS) 是实现此目的的方法。这确实意味着您需要检查网站对 HTML 表格的使用,并转换为基于 CSS 的设计。
CSS Zen Garden 是展示可能性的绝佳资源。
Ref。
Cascading Style Sheets (CSS) are the way to accomplish this. It does mean that you will need to review your site's use of HTML tables, and convert into a CSS based design.
The CSS Zen Garden is an excellent resource for showing what is possible.
Ref.