制作适合移动设备的网站有哪些规则?

发布于 2024-08-07 04:12:42 字数 425 浏览 9 评论 0原文

我想为我目前开发的网站增加价值,以便用户可以在他们的手机上查看。

我的问题:

  1. 我应该为移动版和完整版制作不同的模板吗? 喜欢为移动版本创建 mobile.example.com 吗?

  2. Opera Mini 不支持 JavaScript 吗?我有一部装有 Opera Mini 的手机,JavaScript 似乎没有运行。所有 Opera Mini 都没有 JavaScript 吗?

  3. Opera Mini 是否支持完整的 W3C 标准 HTML 和 CSS?或者他们有不同的吗?

  4. 有没有模拟器可以在不同的手机上查看或测试网站?例如: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:

  1. Should I make different template for mobile version and full version one?
    Like creating mobile.example.com for mobile version?

  2. 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?

  3. Does Opera Mini support full W3C standard HTML and CSS? Or do they have a different one?

  4. 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

独自唱情﹋歌 2024-08-14 04:12:42

有些网站会自动转换您现有的网站。这个转换后的、适合移动设备的网站可以托管在新域中,也可以在您现有的网站上应用“掩码”。查看 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.

朦胧时间 2024-08-14 04:12:42
  1. 是否要为移动设备和非移动设备创建两个不同的网站取决于您。但是,如果您这样做,请确保有从移动网站到完整网站的链接,以便用户能够切换到它。
  2. Opera Mini 确实支持 Javascript,但存在某些限制(例如,异步操作)。请注意,Opera Mini 使用基于代理的方法,并且 JS 在 Opera 的服务器上执行,这会施加某些限制。不支持 Adob​​e Flash 等插件。
  3. 基本上,Opera Mini 支持与 Opera Desktop 相同的标准,因为它们共享相同的渲染引擎 (Opera Presto)。不过,由于设备限制,CSS 圆角等一些功能在 Mini 中不可用。请参阅 Opera Mini 5 标准支持了解更多信息,但要知道,同时 Opera Mini 使用 Opera Presto 2.4,即 Opera Desktop 10.53 中使用的渲染引擎。
  4. 要在 Opera Mini 中测试网站,请尝试 MicroEmulator,它是开源的,并带有可调整大小的皮肤,可让您模拟不同的屏幕尺寸。

希望有帮助:)

  1. It's up to you whether you want to make two different websites for mobile and non-mobile devices. However, if you do so, make sure to have a link from the mobile site to the full site to enable users to switch to it.
  2. Opera Mini does support Javascript which certain restrictions (eg. on asynchronous operations). Be aware that Opera Mini uses a proxy based approach and the JS is executed on Opera's servers which imposes certain restrictions. Plugins like Adobe Flash are not supported.
  3. Basically, Opera Mini supports the same standards as Opera Desktop since they share the same rendering engine (Opera Presto). However, due to device restrictions, some features like CSS rounded corners are not available in Mini. See Opera Mini 5 standards support for more information, but know that meanwhile Opera Mini uses Opera Presto 2.4, the rendering engine used in Opera Desktop 10.53.
  4. For testing websites in Opera Mini, try MicroEmulator which is Open Source and comes with a resizable skin that allows you to emulate different screen sizes.

Hope that helps :)

寻找一个思念的角度 2024-08-14 04:12:42
  1. 当通过移动设备访问内容时,您绝对应该针对移动设备调整输出。无论您是否通过将移动演示文稿分离到子域或特殊文件夹中来实现这一点,都完全无关紧要。

  2. / 3. 移动设备不仅仅是 Opera Mini。各种移动设备浏览器支持不同程度的丰富内容(JavaScript、CSS 等)。您应该考虑检测访问者浏览器/设备支持哪些功能,并提供适当的丰富/“贫乏”内容。您应该查看 WURFLDevice Atlas 这是移动设备用户代理的两个主要数据库,允许您仅提供用户代理可以使用的内容。

  3. 有很多模拟器可以模拟各种移动设备浏览器,有些更好,有些更差。在我的脑海中,我使用过的两个是 Yo Space SmartPhone Emulator (网站损坏的 atm) 和Mobi TLD 模拟器。您还应该能够找到特定于供应商(诺基亚、SE)的开发人员工具来模拟供应商的设备。

  1. 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.

  2. / 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.

  3. 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.

拥抱我好吗 2024-08-14 04:12:42

层叠样式表 (CSS) 是实现此目的的方法。这确实意味着您需要检查网站对 HTML 表格的使用,并转换为基于 CSS 的设计。

CSS Zen Garden 是展示可能性的绝佳资源。

将您当前的资源转换为
网站变成移动设备友好型
格式为 Skweezer.com。只需输入
您网站的 URL,它将
显示您的网站
移动友好版本,删除
大图像、CSS 样式和页面
不会显示的元素
适当地。您可以使用它作为
模板或起点
为以下内容制作移动 CSS 配置文件
地点。提供替代CSS
适合移动设备用户的样式表
设备,插入以下代码
HTML 文档的头部:


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.

A resource to convert your current
site into a mobile device friendly
format is Skweezer.com. Simply enter
your website's URL, and it will
display your website in a
mobile-friendly version by removing
large images, CSS styles and page
elements that will not display
properly. You can use this as a
template, or starting point, for
making a mobile CSS profile for the
site. To provide an alternative CSS
stylesheet for users with mobile
devices, insert the following code in
the head of an HTML document:

<link href="/css/global.css" rel="stylesheet" type="text/css" media="handheld" />

Ref.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文