PhoneGap浏览器端调试

哭...之前还在问怎么调试. 后来群里跟别人聊终于搞定了...

之前的问题讨论贴：http://www.oschina.net/question/94055_75401

个人感觉phonegap官网api不行啊 - -

不过通过sina sae调试phonegap+android的程序还是不清楚啊啊啊(知道的一定要分享过程啊)

现在可以确定的是phonegap可以在浏览器端调试(需要webkit支持), chrome/safari都可以

之前的代码：

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
        console.log("===>> deviceReady");
	createTable();
	$('#msg').text('deviceReady');
}

这个写法也是官网api里的写法...

但是这里是不会进入onDeviceReady方法的...这也是我之前疑问能不能使用浏览器调试phonegap的原因.

在群里了解到：

document.addEventListener("deviceready", onDeviceReady, false);

这句话是针对手机/平板设备有用的.

所以在浏览器里不会执行, 正确的写法是：

if(!window.device){
	$(document).ready(onDeviceReady);
	console.log('===>> window.device');
}else{
	document.addEventListener("deviceready", onDeviceReady, true);
	console.log('===>> document.addEventListener');
}

function onDeviceReady() {
	console.log("===>> deviceReady");
	createTable();
	$('#msg').text('deviceReady');
}

这样onDeviceReady在浏览器下面和手机/平板上面都可以运行了...

接下来的一些操作可以根据api来写了...

截图是我本机运行结果(chrome)：(如果你们本地不能直接这样看数据, 就去装一个chrome插件codev)