1 Востаннє редагувалося allspice (31.03.2015 11:32:25)

Тема: Проблеми з переглядом для мобільних пристроїв

В мене виникла проблема в gogle Інструменти для веб-майстрів

Хто зіткнувся з такою проблемою, або знає як її вирішити?

http://s008.radikal.ru/i304/1503/34/2d33e9c9ea2a.png

2 Востаннє редагувалося ktretyak (31.03.2015 12:10:33)

Re: Проблеми з переглядом для мобільних пристроїв

Гугл вам підказує про проблему. У нього немає проблеми і в панелі інструментів також.

Він має на увазі, що у вас немає CSS, які відповідають за адаптацію вашого сайта під мобільні пристрої. Пошукайте по ключовим словам "Bootstrap CSS" - це CSS фреймворк, який дозволяє задавати в шаблоні необхідні, в даному випадку, властивості.

Подякували: Replace, allspice2

3

Re: Проблеми з переглядом для мобільних пристроїв

Схоже, вони ці помилки виявили на всіх «старих» сайтах. Цікаво, що мобільні веб-браузери існують не перший рік, а проблема виникла тільки нещодавно.

py -3 -m pip install git+https://github.com/snoack/python-goto
∩⍴○⌈⍴⍺/∧\∨/⊢○ ⌿⍀⍴⌊

4

Re: Проблеми з переглядом для мобільних пристроїв

P.Y. написав:

Схоже, вони ці помилки виявили на всіх «старих» сайтах. Цікаво, що мобільні веб-браузери існують не перший рік, а проблема виникла тільки нещодавно.

Гугл просто терпеливий був, а зараз межа терпіння очевидно закінчилась =)

5

Re: Проблеми з переглядом для мобільних пристроїв

Так ні, тут можливі два підходи:
1) Веб-сторінки для десктопів і для мобільних пристроїв розробляються окремо;
2) Веб-сторінки для десктопів адекватно відображаються на мобільних пристроях.
Спочатку мобільний веб ішов першим шляхом (зважаючи на примітивні можливості тогочасних телефонів), згодом мобільні браузери стали придатними для другого (власне, ця ідеологія домінувала на ринку останні кілька років), тепер знов розділення веб-простору на мобільний та немобільний?

py -3 -m pip install git+https://github.com/snoack/python-goto
∩⍴○⌈⍴⍺/∧\∨/⊢○ ⌿⍀⍴⌊
Подякували: Replace1

6

Re: Проблеми з переглядом для мобільних пристроїв

P.Y. написав:

Так ні, тут можливі два підходи:
1) Веб-сторінки для десктопів і для мобільних пристроїв розробляються окремо;
2) Веб-сторінки для десктопів адекватно відображаються на мобільних пристроях.
Спочатку мобільний веб ішов першим шляхом (зважаючи на примітивні можливості тогочасних телефонів), згодом мобільні браузери стали придатними для другого (власне, ця ідеологія домінувала на ринку останні кілька років), тепер знов розділення веб-простору на мобільний та немобільний?

Якщо в другому пункті мова йде про якісні браузери для мобільних пристроїв, то мабуть це все одно не скасовує потребу адаптувати сайти для них.

Бо якщо це не так, то мені складно уявити як браузер може вгадати чи потрібно збільшувати шрифти на певному сайті, щоб їх міг побачити користувач на мобільному.

Мені здається завжди існуватиме потреба веб-майстру описувати ... що ось "ця деталь" на мобільному може й не відображатись - нахай звільнить місце для основного контенту - тоді шрифт можна буде розгледіти...

7 Востаннє редагувалося P.Y. (31.03.2015 15:08:24)

Re: Проблеми з переглядом для мобільних пристроїв

У чому специфіка дрібних шрифтів на мобільному телефоні порівняно з дрібними шрифтами на моніторі? І те, й інше — однаково погано для зору й навігації.

py -3 -m pip install git+https://github.com/snoack/python-goto
∩⍴○⌈⍴⍺/∧\∨/⊢○ ⌿⍀⍴⌊

8

Re: Проблеми з переглядом для мобільних пристроїв

У чому специфіка дрібних шрифтів на мобільному телефоні порівняно з дрібними шрифтами на моніторі?

На моніторі великий піксель і дрібні векторні шрифти погано відображаються.

Говорила баба діду: «Я поїду к Білодіду, Ізучу двомовну мову І вернусь обратно знову». А дід бабі: «Не *изди, К Білодіду нєт їзди, — Туди не ходять поїзди»

9

Re: Проблеми з переглядом для мобільних пристроїв

Тепер  google буде в пошуку враховувати чи оптимізований сайт під моб.
http://ain.ua/2015/03/30/572511?utm_sou … 8AIN.UA%29

Навчаюсь вчитись, щоб навчатись.

10

Re: Проблеми з переглядом для мобільних пристроїв

P.Y. написав:

У чому специфіка дрібних шрифтів на мобільному телефоні порівняно з дрібними шрифтами на моніторі? І те, й інше — однаково погано для зору й навігації.

Специфіка в тому, що у мене, наприклад, монітор має ширину 22 дюйма та пропорції 1920х1080 px. Навіть якщо б мобільні пристрої мали такі ж пропорції, все одно зменшення ширини пристрою пропорційно зменшували б шрифти.

Не складно перевірити що бачать користувачі, коли заходять на сайт http://urok.in - про який йдеться в даній темі. Достатньо звузити екран браузера щоб отримати пропорції екрана мобільного телефона.

Користуватись таким сайтом дійсно не зручно, бо з'являються полоси проктутки, та й взагалі все дуже дрібне.

Google Chrome дозволяє оцінити що бачать користувачі на різних пристроях. Наприклад, сайт urok.in на iPhone 5 має наступний вигляд (червона стілочка показує куди треба натиснути щоб побачити мобільній варіант перегляду)
https://1933a544b9b651d3813e8de397efcd5a179e17e8.googledrive.com/host/0Bwk9euTxkxYUOFFUS29tSGJ4eXM/replace.org.ua/img/screen-urok.in.png

11 Востаннє редагувалося P.Y. (31.03.2015 20:44:59)

Re: Проблеми з переглядом для мобільних пристроїв

Заради інтересу прогнав через тест сторінку без стилів взагалі — лише html без css чи будь-яких інших маніпуляцій із шрифтами. Звичайно ж, отримав інформацію про несумісність:

*Важко читати через малий розмір шрифту
*Область перегляду для мобільних пристроїв не налаштовано

Питання: навіщо в мобільному браузері робити дефолтовий шрифт малим?

py -3 -m pip install git+https://github.com/snoack/python-goto
∩⍴○⌈⍴⍺/∧\∨/⊢○ ⌿⍀⍴⌊

12 Востаннє редагувалося allspice (31.03.2015 21:47:51)

Re: Проблеми з переглядом для мобільних пристроїв

Ну то що конкретно потрібно змінити?

Додати ще шаблон для мобільних?

Чи в цьому щось переробити?

13

Re: Проблеми з переглядом для мобільних пристроїв

allspice написав:

Ну то що конкретно потрібно змінити?

Додати ще шаблон для мобільних?

Ато

14

Re: Проблеми з переглядом для мобільних пристроїв

ktretyak написав:

Ато

можливо цей якось можна зробити універсальний?

15

Re: Проблеми з переглядом для мобільних пристроїв

allspice написав:
ktretyak написав:

Ато

можливо цей якось можна зробити універсальний?

Якщо ви щось питаєте, то прислухайтесь до порад, а не задавайте нові питання, які змушують повторювати вам раніше сказане.

16 Востаннє редагувалося allspice (31.03.2015 23:06:02)

Re: Проблеми з переглядом для мобільних пристроїв

Вибачте, мабуть буду адаптувати існуючий шаблон!

Подякували: ktretyak1