Phonegap / Cordova InAppBrowser обрабатывает контент, отличный от Safari/Chrome Mobile

Я открываю внешнюю страницу в своем приложении Phonegap с помощью

 window.open("https://external.com/external", "_blank", 'location=yes,EnableViewPortScale=yes');

К сожалению, ViewPort не такой, как в родном браузере мобильных телефонов. Поэтому, если я открою ту же страницу в Chrome на своем Nexus 4, я увижу всю страницу (в правильном масштабе). Если я открою страницу через InAppBrowser в Phonegap, я увижу только половину страницы и должен масштабировать ее, чтобы увидеть всю страницу.

Метатег view-port выглядит следующим образом:

<meta name="viewport" content="width=640,user-scalable=no">

Я также пытался установить его на

<meta name="viewport" content="width=device-width,user-scalable=no">

Но тогда страница должна масштабироваться в родном браузере и корректно отображаться в InAppBrowser.


cordova viewport inappbrowser
person Sebastian    schedule 23.08.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Использовать

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

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

person Jskandhari    schedule 27.09.2016
comment
Объяснение вашего кода более подробно может быть полезным. - person Charlie Fish; 27.09.2016
comment
@CharlieFish Приведенный выше код откроет его с правильным масштабированием в приложении разрыва телефона, поскольку он открывается в веб-браузере. - person Jskandhari; 29.09.2016
comment
Я бы предложил отредактировать ваш ответ, чтобы включить это. Чем больше деталей вы сможете предоставить в своих ответах на Stack Overflow, тем лучше. - person Charlie Fish; 29.09.2016
comment
@CharlieFish Готово :) - person Jskandhari; 29.09.2016