Изменение информации заголовка страницы html программно

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

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

Так что я проверил страницу HTML и отображает так:

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

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

Так можно изменить следующим образом:

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

к этому?

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

источник

2012-03-20 user1227928

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

var meta; 
if (document.createElement && (meta = document.createElement('meta'))) { 
    meta.name = "viewport"; 
    meta.content = "width=320"; 
    document.getElementsByTagName('head').item(0).appendChild(meta); 
}

источник

2012-03-20 15:11:23

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

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

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

избежать Blowup

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

<meta name="viewport" content="width=720, 
          maximum-scale=1.0" />

источник

2012-03-20 15:30:20

Изменение информации заголовка страницы html программно

ответ

Смежные вопросы