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 Горният код ще го отвори с правилно мащабиране в приложението phone gap, докато се отваря в уеб браузъра - person Jskandhari; 29.09.2016
comment
Бих предложил да редактирате отговора си, за да включите това. Колкото повече подробности можете да предоставите в отговорите си на Stack Overflow, толкова по-добре. - person Charlie Fish; 29.09.2016
comment
@CharlieFish Готово :) - person Jskandhari; 29.09.2016