Disabling hydration breaks iframe

-

i have basic app embeds w3schools example in iframe. when have hydration enabled app works fine on nexus phone. when disabled, shows white screen. below index.html, config.xml , script.js code. has else encountered problem?

 

index.html

<!doctype html>

<html>

<head>

<meta charset="utf-8" />

<meta name="format-detection" content="telephone=no" />

<meta name="viewport"

content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />

<title>test</title>

 

</head>

<body onload="onload()">

<script type="text/javascript" src="cordova.js"></script>

<script type="text/javascript" src="js/script.js"></script>

<div id="fullpage" data-role="page">

   <div data-role="content">

   <iframe style="width: 100%; height:600px; border: none" src="http://www.w3schools.com/" height="240" width="320"></iframe>

   </div>

</div>

   <div>

   </div>

 

</body>

</html>

 

script.js

function onload() {

   if ((/(ipad|iphone|ipod|android|windows phone)/i.test(navigator.useragent))) {

  document.addeventlistener('deviceready', initapp, false);

   } else {

  initapp();

   }

   }

 

config.xml

<?xml version='1.0' encoding='utf-8'?>

<widget

id="com.test.app"

version="1.0.1"

versioncode = "65"

xmlns="http://www.w3.org/ns/widgets"

xmlns:gap="http://phonegap.com/ns/1.0"

>

   <name>iframe test</name>

   <description>

  iframe.

   </description>

   <author email="support@phonegap.com" href="http://phonegap.com">

  phonegap team

   </author>

   <content src="index.html" />

   <preference name="android-build-tool" value="gradle" />

   <gap:plugin name="cordova-plugin-admobpro" source="npm" />

   <preference name="permissions" value="none" />

   <preference name="orientation" value="portrait" />

   <preference name="target-device" value="universal" />

   <preference name="fullscreen" value="true" />

   <preference name="webviewbounce" value="true" />

   <preference name="prerendered-icon" value="true" />

   <preference name="stay-in-webview" value="false" />

   <preference name="ios-statusbarstyle" value="black-opaque" />

   <preference name="detect-data-types" value="true" />

   <preference name="exit-on-suspend" value="false" />

   <preference name="show-splash-screen-spinner" value="true" />

   <preference name="auto-hide-splash-screen" value="true" />

   <preference name="disable-cursor" value="false" />

   <preference name="android-minsdkversion" value="14" />

   <preference name="android-installlocation" value="auto" />

   <gap:plugin name="org.apache.cordova.device" />

   <gap:plugin name="org.apache.cordova.device-motion" />

   <gap:plugin name="org.apache.cordova.geolocation"/>

   <icon src="icon.png" gap:role="default" />

   <icon gap:platform="android" gap:qualifier="ldpi" src="res/icon/android/icon-36.png" />

   <icon gap:platform="android" gap:qualifier="mdpi" src="res/icon/android/icon-48.png" />

   <icon gap:platform="android" gap:qualifier="hdpi" src="res/icon/android/icon-72.png" />

   <icon gap:platform="android" gap:qualifier="xhdpi" src="res/icon/android/icon-96.png" />

   <icon gap:platform="blackberry" src="res/icon/blackberry/icon-80.png" />

   <icon gap:platform="blackberry" gap:state="hover" src="res/icon/blackberry/icon-80.png" />

   <icon gap:platform="ios" height="57" src="res/icon/ios/icon-57.png" width="57" />

   <icon gap:platform="ios" height="72" src="res/icon/ios/icon-72.png" width="72" />

   <icon gap:platform="ios" height="114" src="res/icon/ios/icon-57-2x.png" width="114" />

   <icon gap:platform="ios" height="144" src="res/icon/ios/icon-72-2x.png" width="144" />

   <icon gap:platform="webos" src="res/icon/webos/icon-64.png" />

   <icon gap:platform="winphone" src="res/icon/windows-phone/icon-48.png" />

   <icon gap:platform="winphone" gap:role="background" src="res/icon/windows-phone/icon-173-tile.png" />

   <gap:splash gap:platform="android" gap:qualifier="port-ldpi" src="res/screen/android/screen-ldpi-portrait.png" />

   <gap:splash gap:platform="android" gap:qualifier="port-mdpi" src="res/screen/android/screen-mdpi-portrait.png" />

   <gap:splash gap:platform="android" gap:qualifier="port-hdpi" src="res/screen/android/screen-hdpi-portrait.png" />

   <gap:splash gap:platform="android" gap:qualifier="port-xhdpi" src="res/screen/android/screen-xhdpi-portrait.png" />

   <gap:splash gap:platform="blackberry" src="res/screen/blackberry/screen-225.png" />

   <gap:splash gap:platform="ios" height="480" src="res/screen/ios/screen-iphone-portrait.png" width="320" />

   <gap:splash gap:platform="ios" height="960" src="res/screen/ios/screen-iphone-portrait-2x.png" width="640" />

   <gap:splash gap:platform="ios" height="1136" src="res/screen/ios/screen-iphone-portrait-568h-2x.png" width="640" />

   <gap:splash gap:platform="ios" height="1024" src="res/screen/ios/screen-ipad-portrait.png" width="768" />

   <gap:splash gap:platform="ios" height="768" src="res/screen/ios/screen-ipad-landscape.png" width="1024" />

   <gap:splash gap:platform="winphone" src="res/screen/windows-phone/screen-portrait.jpg" />

   <access origin="*" />

</widget>



More discussions in PhoneGap Build


adobe

Comments

Post a Comment

Popular posts from this blog

Adobe InDesign CC 2017 has stopped working

-
Image
after installing indesign cc 2017 first time, when try launch application error "adobe indesign cc 2017 has stopped working" i have tried following: uninstalling , reinstalling indesign deleting files c:\users\<user>\appdata\roaming\adobe\indesign , c:\users\<user>\appdata\local\adobe\indesign i've uninstalled (i think) fonts had downloaded , installed restarted computer many times signed out of creative cloud , signed in   i able install , run on different computer i'm assuming there sort of conflict or missing component on computer.   computer details: processor intel core i7-4770k ram 16 gb os windows 10 pro ver. 1607 build: 14393.447 video card nvidia geforce gtx 970     this error windows event logs: faulting application name: indesign.exe, version: 12.0.0.81, time stamp: 0x57f545c7 faulting module name: appframework.rpln, version: 12.0.0.81, time stamp: 0x57f547eb exception code: 0xc0000005 fault offset: 0x000000000009fa88 faulting process id: 0xcac...
Read more

Extracting portions of an image

-
Image
hello,   i relatively new illustrator (learning on fly if will), have below image , take red bars , isolate them rest of image (transparent wherever there not red. best/easiest way this? tried using knife , scissor tools not "locking" , allowing me separate. want retain graininess/imperfections, guess if image trace needed, have hi fi.   brandon,   as (mis)understand it, wish have red parts showing, background structure, , rid of grey parts.   presuming red parts vector artwork (paths including compound paths) @ reduced opacity (so can see background structure through it), , background structure raster image, may:   1) select red paths, not background (you may select everything, shiftclick background object deselect it), ctrl/cmd+8 (object>compound path>make); 2) ctrl/cmd+c+b; 3) shiftclick background image , ctrl/cmd+8 (object>clipping mask>make);   you may:   4) select , ctrl/cmd+g group.   this should give desired appearance, outl...
Read more

shape alpha vs layer alpha in cc library

-
i noticed bug or unfortunate flaw or isn't supported yet. set layer percentage of transparency if shapes overlap in layer not make dark line in overlap , faster set layer , make shapes rather make shapes , edit transparency after making each shape.   for reason shapes don't work when going illustrator photoshop, after effects or animator. reason settings layer transparency ignored shadows come out solid colors. yet if remove transparency setting on layer , re-add shape works fine.   this not big of deal normally, have thousands of graphics transparency on layer huge amount of work try , utilize them via cc library. i think 1 feature request form: illustrator feature request/bug report form More discussions in Illustrator adobe
Read more