视频: webview和手机浏览器最强大的调试工具---DebugGap
分享给好友
您需要先安装&，才能下载视频哦
用优酷App或微信扫一扫，在手机上继续观看。
webview和手机浏览器最强大的调试工具---DebugGap
分享给站外好友
把视频贴到Blog或BBS
flash地址:
<input type="text" class="form_input form_input_s" id="link3" value=''>
<input id="link4" type="text" class="form_input form_input_s" value=''>
跨平台远程运行，调试跨平台HTML5应用。比weinre更方便和更强大的调试工具。
节目制作经营许可证京字670号
京公网安备号
药品服务许可证(京)-经营-seajs,grunt,nodejs,npm：
中文的grunt文档:
json的解析地址：
w3cschool：
Zen Coding：
文档地址：
学习地址：
css参考手册：
nodejs的学习：
css标准，css bfc标准，ecma 262中文，css标准，css csdn
bootstrap样式：
中文参考:,
ecma262-5.1:
scrollheight的一些属性说明：
javascript的csdn：
selection对象的介绍：
Base & Widget 入门教程
nodejs的学习地址：
w3cplus前端的学习地址：
grunt,nodejs
sass的语法官网地址:
compass的官网地址：
正则表达式:
haslayout:
腾讯ISD团队博客
一些rss订阅的网站
深入理解行高
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：21573次
排名：千里之外
评论：11条当我们开始使用DebugGap来调试webview和手机浏览器时，有时候我们会遇到一个很严重的问题，如下图所示
这个是由node-webkit引起的，node-wbkit是如何引起这个问题，我认为只有node-webkit的人才能回答了
解决方案：
首先看一下电脑的网络配置（下图是windows的网络设置图）
&2. 如果网络没问题，应该去检查一下防火墙，因为它有可能会阻止通信。 不同的防火墙有不同的设置，请查考相关的说明。
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：1296次
排名：千里之外
评论：19条使用weinre远程调试手机网页（nodejs、phoneGap） - 为程序员服务
为程序员服务
推荐团队博客
最近更新博客
使用weinre远程调试手机网页（nodejs、phoneGap）
本调试方式需要wifi环境和webkit浏览器。
weiner主页：
一、配置调试服务器
（一）、nodejs搭建调试服务器（以windows为例）
1、安装node.js
安装程序下载：
本文安装在“F:/nodejs/”目录。
2、测试安装是否成功
打开CMD，切换到nodejs所在的安装目录。输入如下命令测试node.js和npm是否安装成功。默认windows最新安装包，会包含npm，如果npm没有安装，请手动安装。
C:\Users\jason&f:
F:\&cd nodejs
F:\nodejs&node -v
F:\nodejs&npm -v
3、使用npm安装weinre,在node.js安装目录输入以下命令
npm install weinre
4、启动weinre服务器
node.exe node_modules\weinre\weinre --boundHost -all-
在windows下，系统防火墙可能会弹出是否允许其访问网络的提示，点击充许即可。
5、浏览器打开
http://localhost:8080
如果访问正常，说明服务器已配置成功。
（二）、直接使用phoneGap的调试服务器
如果觉得服务器配置麻烦，也可以使用phoneGap现成的调试服务器。
phoneGap调试服务器地址：/（相当于本机安装的http://localhost:8080）
二、weinre使用方法
1、需调试的页面加入JS脚本
&script src="/&http://你的调试服务器地址/target/target-script-min.js#anonymous&&&/script&
1.1使用收获夹快速添加调试脚本到需要调试的页面。
将以下代码添加到书签，访问需要调试的页面时，访问一下书签，即可以通过JS将调试脚本添加到当前页面，但部份浏览器不支持！
javascript:(function(e){e.setAttribute(&src&,&http://你的调试服务器地址/target/target-script-min.js#anonymous&);document.getElementsByTagName(&body&)[0].appendChild(e);})(document.createElement(&script&));void(0);
2、在PC端使用webkit浏览器打开控制台
http://10.18.252.111:8080/client/#anonymous
#后面为识别码
tips：识别码仅仅是为了识别多个需调试的项目时使用，可供多用户操作。
在控制台，你就可以轻松的调试手机网页了！
相关文章推荐：
用weinre太麻烦了，而且还经常出错，功能也不强
给你介绍一个工具，DebugGap（run easily and debug powerfully）
1. 可以在mac，linux和windows运行，免安装和设置
2. 支持webview（PhoneGap，AppCan）和各种浏览器，
3，支持快速查找功能。
4. 支持console命令的提示
5. 集成chrome debug
官方地址：
论坛地址：http://blog.csdn.net/liangmapi/article/details/视频: Google Search on DebugGap
分享给好友
您需要先安装&，才能下载视频哦
用优酷App或微信扫一扫，在手机上继续观看。
Google Search on DebugGap
分享给站外好友
把视频贴到Blog或BBS
flash地址:
<input type="text" class="form_input form_input_s" id="link3" value=''>
<input id="link4" type="text" class="form_input form_input_s" value=''>
DebugGap 集成了Google的搜索，方便用户可以在调试进行搜索，方便用户，不用在浏览器和调试工具之间切换
节目制作经营许可证京字670号
京公网安备号
药品服务许可证(京)-经营-}