html5chrome调试工具，app调试h5代码

HTML5开发工具有哪些

1、在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发SenchaTouch2和ExtJS4JavaScript应用，并实时预览。

2、WebStrom WebStrom是jetbrains公司旗下的一款JavaScript开发工具，目前被广大的中国JS开发者誉为Web前端开发神器，最强大的HTML5编辑器和最智能的JavaScript IDE等。

3、MAKA Maka也是一款优秀的H5页面制作工具，模板丰富多样，在交互效果方面非常人性化，该工具有免费版，不过免费版不提供外链等功能。

4、Initializr Initializr 是制作 HTML5 网站最好的入门辅助开发工具，你可以使用提供的特色模板快速生成网站，也可以自定义，Initializr 会为你生成代码简洁的可定制的网页模板。

相关问答

Q1: chrome浏览器开发者调试工具怎么用

1、高手教你轻松打开谷歌浏览器开发者模式的方法首先打开浏览器之后在界面的右上方找到下图中箭头所指的功能图标，点击之后打开菜单界面。打开这个菜单界面之后，在更多工具选项下方找到子菜单工具选项中的开发者工具。

2、首先我们打开开发者工具，你可以直接在页面上点击右键，然后选择审查元素或者在Chrome的工具中找到或者你直接记住这个快捷方式： Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台)，或者直接按F12。

3、可以直接在页面上点击右键，然后选择审查元素，或者在Chrome的工具中找到：，或直接记住这个快捷方式：Ctrl+Shift+I(或者Ctrl+Shift+J直接打开控制台)，或者直接按F12。

4、两种方法：在需要调试的页面下，按F12，chrome会自动打开，开发者工具，也就是你说的debug。在浏览器右上角关闭按钮下边，有个三道杠的菜单按钮，如下图，在菜单中依次点击。就可以打开“开发者工具”了。

5、代码都写好了，我们用Chrome浏览器打开这个网页。 如图，点击浏览器右边的‘三点’按钮，在弹出的菜单上的‘更多工具’里，有个‘开发者工具’，点击它打开这个工具 打开后，如图，这个就是chrome的开发者工具。

Q2: 谷歌浏览器怎么打开js调试工具

打开谷歌；点击右上角三个点；点击更多工具按钮；点击开发者工具；之后右侧会弹出一个调试页面，就进入了调试模式；也可以按F12键，笔记本有的是FN+F12，也可以很方便的打开。

f12 打开开发者工具，控制台介绍：Elements：页面元素，可以进行编辑，保存后实时查看页面效果；Network： 查看js模拟的http请求，例如下图中修改购物车中商品数量，可以实时的看到请求地址，直接上图。

按F12打开谷歌浏览器的调试工具栏，在source中找到你要调试的js，在js的行号前面点一下就可以设置断点，再刷新一下页面就进入调试状态了，按FF11的单步调试。

在js代码里面写一行debugger标记，之后再浏览器界面打开F12，之后会自动进入断点状态，F11是单步调试，F8是跳过断点。

html5chrome调试工具的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于app调试h5代码、html5chrome调试工具的信息别忘了在本站进行查找喔。