Изменение информации заголовка html-страницы программно - PullRequest
0 голосов
/ 20 марта 2012

В настоящее время я отображаю HTML-страницу на моем UIWebView (iPad), и она загружается правильно.

Но проблема в том, что она неправильно вписывается в мой контейнерный вид.Итак, я попробовал все, как scalePageToFit..etc, но это не соответствует моему требованию.

Итак, я проверил HTML-страницу, и она выглядит так:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
.....
......
</html>

Так что после поиска в Googleно я узнаю, что мы можем вставить любой файл java-скрипта (используя stringByEvaluatingJavaScriptFromString) в наш html-файл и делать что угодно.

Так что я могу изменить следующее:

 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

к этому?

 <meta name="viewport" content="width=320"/> 

Ответы [ 2 ]

0 голосов
/ 20 марта 2012

Техническая заметка Apple «Подготовка вашего веб-контента для iPad» содержит хорошее предложение: избегайте жесткого кодирования ширины окна просмотра. На iPad ширина области просмотра меньше 1024 может привести к тому, что ваш контент будет взорван и размыт. Их предложение

<meta name="viewport" content="width=device-width" />

Это улучшение, но ваш контент все равно будет взорван, если ваше устройство находится в ландшафтном режиме. Это связано с тем, что ширина устройства - это ширина физического устройства (320 или 768 пикселей), а не ширина экрана в текущей ориентации. Как следствие, вы можете получать контент с разрешением 768 пикселей и скоростью до 1024 пикселей.

Предотвращение взрыва

Чтобы убедиться, что ваш контент не взорван, установите максимальный масштаб на 1.0:

<meta name="viewport" content="width=720,
                           maximum-scale=1.0" />
0 голосов
/ 20 марта 2012

Не на 100% уверен, что это будет работать на iPhone, но чтобы добавить метатег с помощью Javascript, вы должны использовать что-то вроде этого:

var meta;
if (document.createElement && (meta = document.createElement('meta'))) {
    meta.name = "viewport";
    meta.content = "width=320";
    document.getElementsByTagName('head').item(0).appendChild(meta);
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...