在浏览器中模拟cordova应用程序


Emulate cordova app in browser

所以我在cordova中构建一个iPad应用程序,我得到一些奇怪的渲染问题,当通过xcodes ios模拟器在设备上查看时,屏幕顶部出现30px的边距,但当我在浏览器中查看时却没有,这使得调试非常困难,因为没有从编译的cordova web查看器中查看源代码的功能。

是否有一种方法来查看浏览器中编译的cordova应用程序,以便我可以访问chrome开发人员工具。顺便说一句,Ripple模拟器不是一个解决方案,它所做的只是在一个花哨的框架中查看web视图,它不运行实际的cordova应用程序,我遇到了这个问题。

如果您希望在浏览器中模拟(测试)您的应用程序,只需从NPM安装新的Cordova-Simulate包。

https://www.npmjs.com/package/cordova-simulate

在Cordova项目的命令行中,输入:

工作像一个魅力!..一定要阅读NPM Package页面上的文档!

你应该能够使用Safari的检查器查看在ios模拟器中运行的应用程序:

    打开Safari>首选项>高级,检查"在菜单栏中显示开发菜单"。
  1. 关闭首选项并启动iOS模拟器(从Xcode或命令行)。
  2. 一旦你的应用在iOS模拟器中启动,回到Safari并选择Develop> iOS Simulator> index.html。你应该看到Safari的检查器窗口显示。

Safari的检查器描述在这里:https://developer.apple.com/library/mac/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/GettingStarted/GettingStarted.html