My code is:
<div data-role="page" id="pageID"> <div data-role="header" data-position="fixed"> <p>Directions</p> </div> <div data-role="content"> <div style="width:100%; height:80%;"> <iframe src="http://m.google.com" seamless=""></iframe> </div> </div> </div> But when I come to this page Google is not loaded. I'm trying on Samsung Galaxy S Android phone.
this iframe work for me but having list problems
<iframe name="frame" src="http://google.com" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px"> </iframe>' Dont use iFrame with JQM on mobile phones. iFrame is not going to work with some built-in android browsers. Have you tried to test it on mobile chrome or firefox browser?
Worst case scenario use this component instead. It is a phonegap plugin used to show new browser window.
This example should work. I have tested it on my Galaxy S3.
<iframe style="width: 400px; height: 400px" src="http://m.google.com" frameborder="0" scrolling="no"></iframe> 
It may be issue with blocking urls aswell.. If you are using phonegap build..add following lines to config.xml.
Reference Link: http://docs.build.phonegap.com/en_US/#googtrans(en) Configurations block..
<plugin name="cordova-plugin-whitelist" version="1"/> <allow-intent href="http://*/*"/> <allow-intent href="https://*/*"/> <allow-intent href="tel:*"/> <allow-intent href="sms:*"/> <allow-intent href="mailto:*"/> <allow-intent href="geo:*"/> <platform name="android"> <allow-intent href="market:*"/> </platform> <platform name="ios"> <allow-intent href="itms:*"/> <allow-intent href="itms-apps:*"/> </platform> Make sure <plugin name="cordova-plugin-whitelist" version="1"/> this one added..
