каковы правила для того, чтобы сделать мобильный дружественный веб-сайт?
“-Werror”: рассматривают все предупреждения как ошибки, таким образом, необходимо зафиксировать их. Невероятно ценный.
3 ответа
- Вам решать, хотите ли вы создать два разных веб-сайта для мобильных и немобильных устройств. Однако, если вы это сделаете, убедитесь, что есть ссылка с мобильного сайта на полный сайт, чтобы пользователи могли переключиться на него.
- Opera Mini поддерживает Javascript, который имеет определенные ограничения (например, на асинхронные операции). Имейте в виду, что Opera Mini использует подход на основе прокси, а JS выполняется на серверах Opera, что налагает определенные ограничения. Такие плагины, как Adobe Flash, не поддерживаются.
- По сути, Opera Mini поддерживает те же стандарты, что и Opera Desktop, поскольку они используют тот же механизм визуализации (Opera Presto). Однако из-за ограничений устройства некоторые функции, такие как закругленные углы CSS, недоступны в Mini. См. Поддержка стандартов Opera Mini 5 для получения дополнительной информации, но знайте, что тем временем Opera Mini использует Opera Presto 2.4, механизм визуализации, используемый в Opera Desktop 10.53.
- Для тестирования веб-сайтов в Opera Mini попробуйте MicroEmulator , который является открытым исходным кодом и поставляется с изменяемой оболочкой, позволяющей имитировать различные размеры экрана.
Надеюсь, что это поможет :)
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.
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:
Ref.