2010-04-07 6 views
11

Как отладить веб-сайт, который выглядит странно в Opera Mini? Сайт отлично работает в любом другом браузере.Как отлаживать Opera Mini?

+0

Является ли сайт общественного? Если да, то какой URL-адрес? –

ответ

12

Увы, я не знаю специального ресурса о том, как отлаживать веб-сайт w/Mini, хотя есть несколько связанных статей на http://dev.opera.com, которые могут вам помочь. Самая последняя статья - A developer's look at Opera Mini 5, но Making Small Devices Look Great и Designing With Opera Mini in Mind должны быть особенно полезными.

Обычно проверяйте, как сайт выглядит в Opera Desktop и использует Opera Dragonfly для отладки. Другим хорошим инструментом для отладки является MicroEmulator при использовании с локально загруженной версией Opera Mini и изменяемой по размеру скиной.

Кроме того, есть специальный url в Mini, который позволяет вам получить доступ к консоли ошибок ECMAScript: просто введите «debug: console» в поле url. Вы можете комбинировать это с вызовами opera.postError() в версии разработки вашего сайта, чтобы опубликовать любую строку на этой консоли. Однако он не покажет вам html-теги.

Возможно, я мог бы помочь вам лучше, если бы у вас был более конкретный вопрос.

2

Существует также simulator in Java, который может помочь.

+0

Это не так. Нет «источника просмотра» :) – n1313

+3

Opera Mini не имеет «источника просмотра»: он получает предварительно скомпилированную версию страницы с сервера Opera. – fuxia

+1

И это основная проблема при отладке в Opera Mini. – n1313

1

Вы можете сделать remote debugging of Opera Mini (или любой Presto-движка на основе экземпляра браузера на любом устройстве, компьютер, смартфон, телеприставки консоль, SDK) с помощью Opera Dragonfly из Windows, Mac или Linux. Консоль Dragonfly поставляется с открытым исходным кодом и встроена в Opera v10.5x.

+3

Я думаю, вы имеете в виду Opera _Mobile_, а не _Mini _... первая используется на смартфонах и целый ряд других устройств, последний на старых телефонах с поддержкой Java. –

9

Можно просмотреть исходный HTML-код страницы, которая представлена ​​в Opera Mini, чтобы дать вам некоторые подсказки:

Просмотр кода страницы

можно получить дамп текущий источник страницы, введя server:source в адресную строку Opera Mini. Это показывает текущее дерево DOM с сервера Opera Mini. Поскольку чтение источника с дисплея сотового телефона или даже увеличенного микроэмульса не очень приятное, есть еще лучший способ получить исходный код страницы - отправку его на веб-сервер, введя server:source?post=http://your.server.com/script в адресную строку Opera Mini, где script файл, который передается почтовыми данными, обрабатывает запрос, например путем хранения источника в базе данных или сохранения его в текстовый файл. Опубликованные данные включают в себя поля url, host и html.

+0

Другим удобным способом просмотра трафика, включая фактический исходный код, поставляемый вашему экземпляру Opera Mini, является использование [ngrok - безопасных интроспективных туннелей для localhost] (https://ngrok.com/docs/2#expose). Это полезно при разработке на вашем локальном поле, и вам нужно, чтобы ваш код был видимым в Интернете для серверов Opera Mini, чтобы увидеть его и оптимизировать для устройства. Затем вы можете использовать локальный сервер ngrok для просмотра фактического кода, который был доставлен на устройство. Не совсем «отладка», но определенно очень полезная. – matty