如何实用便捷的在本地真机调试WEB端HTML5网页 - 推酷
如何实用便捷的在本地真机调试WEB端HTML5网页
先简单介绍两款常用但需要一定条件或限制的工具
1、如果你能FQ
chrome在32版本后就自带了移动端调度工具，可以在Android直接联调，但唯一遗憾的是，在我大天朝要FQ后才能行的通，我自己试了后公司好几个机器联不上…
2、如果你有苹果电脑和iphone
苹果电脑上的safari 6.0版本后就可以直接连接iphone手机调试手机版上safari正在浏览的web页面，前提是你得有个苹果电脑和iphone手机，但如果你是Android的话，就没办法了
符合前端B格的“小苹果”
自己在公司里也是开发Mobile端的HTML5页面的，也深受调试页面之苦，移动端的WEB页面坑又多，所以用node-webkit技术做了一个客户端，专门用来调试，现在每天工作之前都先打开“小苹果”
小苹果用的是node-webkit技术打包成客户端，其实内部实现都是web 页面与nodejs技术，所以特别符合前端B格。而且由于用了node-webkit技术，客户端可以跑在windows和mac电脑上，齐活儿了
里边有下载及安装和使用的方法
有图有真像
小苹果的好处
1、自带本地服务器
无需复杂的配置，不像apache或tomcat，一大堆设置，咱要的就是简单，小苹果本地服务其实就是用nodejs来写的
2、打开就用
将weinre移动端远程调试工具集成到了里边，打开就用，可以调试iphone,android上的web页面，webview中的页面一样可以远程真机调试
再也不需要自己到官网下载nodejs,再下载weinre, 再通过配置，再运行 ..
小苹果自己在公司的几个移动端项目中一直用，觉得很简单实用，所以推荐给大家用用看，当然了，现在只是alpha版本，存在很多不足，请见谅，希望我有时间慢慢把功能与体验做的更好吧;
本人书读的不多，技术有限，做的不好请喷，欢迎技术交流..
特别感谢：盛大文学
========================================================
相关技术资源
node-webkit:
========================================================
转载处请注明：博客园(王二狗)
已发表评论数()
请填写推刊名
描述不能大于100个字符!
权限设置： 公开
仅自己可见
正文不准确
标题不准确
排版有问题
主题不准确
没有分页内容
图片无法显示
视频无法显示
与原文不一致可以断点吗?
可以断点吗?
可以断点吗?
MS不可以, 但应该足以
MS不可以, 但应该足以
MS不可以, 但应该足以
JS调试蛋疼啊....正在寻找可以断点的工具..
JS调试蛋疼啊....正在寻找可以断点的工具..
JS调试蛋疼啊....正在寻找可以断点的工具..
如果是要断点的话, 可以参考使用chrome自带的adb插件, 应该可以, 或者是ios对应的插件, 可以参考
如果是要断点的话, 可以参考使用chrome自带的adb插件, 应该可以, 或者是ios对应的插件, 可以参考
如果是要断点的话, 可以参考使用chrome自带的adb插件, 应该可以, 或者是ios对应的插件, 可以参考 /articles/remote-debugging-with-browsers
嗯, 好的~谢谢, 待会研究一番~
跑起来了，但是感觉手机的温度瞬间上升啊，发烫
跑起来了，但是感觉手机的温度瞬间上升啊，发烫
跑起来了，但是感觉手机的温度瞬间上升啊，发烫
这个我到时没注意过, 反正跑HTML5的东西, 好像都有点耗
你好，我今天按照教程刚刚把环境搭好，然后用安卓模拟器作为target，但是无法识别，你遇到过这种问题么？有解决方法么
你好，我今天按照教程刚刚把环境搭好，然后用安卓模拟器作为target，但是无法识别，你遇到过这种
你好，我今天按照教程刚刚把环境搭好，然后用安卓模拟器作为target，但是无法识别，你遇到过这种问题么？有解决方法么
从没有遇到过这种情况, 可能是你配置有问题
请问要发请求遇到跨域问题该怎么解决？chrome上可以用disable-web-security,这样的调试该怎么解决呢
请问要发请求遇到跨域问题该怎么解决？chrome上可以用disable-web-security,这样的调试该怎么解
请问要发请求遇到跨域问题该怎么解决？chrome上可以用disable-web-security,这样的调试该怎么解决呢
请问是你开发的Web App需要发送跨域的请求?
是想在页面中使用XMLHttpRequest(XHR)来发送HTTP请求吗?
还是说你是想调试的时候来发送跨域的请求?
请问是你开发的Web App需要发送跨域的请求?
是想在页面中使用XMLHttpRequest(XHR)来发送HTTP请
请问是你开发的Web App需要发送跨域的请求?
是想在页面中使用XMLHttpRequest(XHR)来发送HTTP请求吗?
还是说你是想调试的时候来发送跨域的请求?
对，我想在调试的时候发送跨域请求，只有chrome有现成的解决方案，但是firefox,ie好像都没有
对，我想在调试的时候发送跨域请求，只有chrome有现成的解决方案，但是firefox,ie好像都没有
对，我想在调试的时候发送跨域请求，只有chrome有现成的解决方案，但是firefox,ie好像都没有
那么有chrome不就行了吗? 还有必要在firefox/IE下面做跨域的调试?
跨域的一般解决方案 JSONP 貌似和你使用场景不相符, 就不考虑了.
猜想你必须使用XHR, 那么请试试从CORS
对于firefox你可以试试 Force CORS 这个插件
对于IE, 你也可以试试 XDomainRequest(XDR)
那么有chrome不就行了吗? 还有必要在firefox/IE下面做跨域的调试?
跨域的一般解决方案 JSONP
那么有chrome不就行了吗? 还有必要在firefox/IE下面做跨域的调试?
跨域的一般解决方案 JSONP 貌似和你使用场景不相符, 就不考虑了.
猜想你必须使用XHR, 那么请试试从CORS
https://developer.mozilla.org/en-US/docs/HTTP/Access_control_CORS
对于firefox你可以试试 Force CORS 这个插件
/questions/667519/firefox-setting-to-enable-cross-domain-ajax-request
对于IE, 你也可以试试 XDomainRequest(XDR)
/zh-cn/library/dd573303(v=vs.85).aspx
谢谢，这么全啊。其实是想在手机上做请求测试，毕竟chrome不可能完全模拟移动设备的环境
谢谢，这么全啊。其实是想在手机上做请求测试，毕竟chrome不可能完全模拟移动设备的环境
谢谢，这么全啊。其实是想在手机上做请求测试，毕竟chrome不可能完全模拟移动设备的环境
是想在手机上做跨域请求啊
如果你是用的phonegap来做app, 那么phonegap是可以设置允许跨域请求的.
设置好后, 你就可以在app页面中通过XHR来发送任意请求了.
PS: 我们平时在本机开发web app时, 就可以开启chrome的允许跨域, 快速开发好UI和逻辑, 免去每次都要在手机上测试的麻烦
是想在手机上做跨域请求啊
如果你是用的phonegap来做app, 那么phonegap是可以设置允许跨域请求
是想在手机上做跨域请求啊
如果你是用的phonegap来做app, 那么phonegap是可以设置允许跨域请求的.
设置好后, 你就可以在app页面中通过XHR来发送任意请求了.
PS: 我们平时在本机开发web app时, 就可以开启chrome的允许跨域, 快速开发好UI和逻辑, 免去每次都要在手机上测试的麻烦
我们目前也是这么做的，我只是想确认下目前前端有没有更好的解决方案。然后我们做的是移动浏览器上的单页应用，没有用phonegap
我们目前也是这么做的，我只是想确认下目前前端有没有更好的解决方案。然后我们做的是移动浏览器
我们目前也是这么做的，我只是想确认下目前前端有没有更好的解决方案。然后我们做的是移动浏览器上的单页应用，没有用phonegap
不知道你说的更好的解决方案是指解决哪个方面的问题？
* 在电脑(浏览器)上更好的模拟手机(移动)设备上的环境，可以试试Ripple
* 在手机上更好地实现跨域请求？
不知道你说的更好的解决方案是指解决哪个方面的问题？
* 在电脑(浏览器)上更好的模拟手机(移动)
不知道你说的更好的解决方案是指解决哪个方面的问题？
* 在电脑(浏览器)上更好的模拟手机(移动)设备上的环境，可以试试Ripple
/webstore/detail/ripple-emulator-beta/geelfhphabnejjhdalkjhgipohgpdnoc
* 在手机上更好地实现跨域请求？
对，就是想问问是否可以在手机上实现跨域请求，其实现在用chrome调试问题也没什么问题，就是我们要求跨浏览器的兼容，用的是amf协议传输数据，有一个amf.js可以将二进制码解析成js对象，在别的浏览器上都正常，但在IE上好像解析中文的时候有问题。
对，就是想问问是否可以在手机上实现跨域请求，其实现在用chrome调试问题也没什么问题，就是我们
对，就是想问问是否可以在手机上实现跨域请求，其实现在用chrome调试问题也没什么问题，就是我们要求跨浏览器的兼容，用的是amf协议传输数据，有一个amf.js可以将二进制码解析成js对象，在别的浏览器上都正常，但在IE上好像解析中文的时候有问题。
你们的web app是直接在(手机)浏览器上运行的? 没有用phonegap之类的东西打包成一个真正的手机app, 让用户下载再安装的那种?
如果是这种情况, 那么就无所谓什么手机上实现跨域请求了, 任何浏览器默认都不会允许你跨域的, 因此你只要是电脑的浏览器上能够提供很好的跨域方案, 理论上放在哪里都是一样的, 包括手机上.
因此我觉得JSONP更适合你的场景, 但你又提到了要用AMF作为数据协议, 因此数据流是二进制的, JSONP果断pass.
考虑到想换协议可能不是那么容易的事情了, 而且你还提到了IE, 那就可能更悲剧了(希望只考虑支持IE8+), 因此我给出以下几点跨域的建议:
1. 使用代理来实现跨域请求
这个也算是通用的解决方案了
2. 在服务器上实现CORS
amf.js我没用过, 但瞄了一眼源码, 猜想底层也是通过XHR来实现的, 因此CORS同样适用
源码提到了binary communication using ajax and amf
另外还可以参考
JavaScript跨域总结与解决办法
你们的web app是直接在(手机)浏览器上运行的? 没有用phonegap之类的东西打包成一个真正的手机app
你们的web app是直接在(手机)浏览器上运行的? 没有用phonegap之类的东西打包成一个真正的手机app, 让用户下载再安装的那种?
如果是这种情况, 那么就无所谓什么手机上实现跨域请求了, 任何浏览器默认都不会允许你跨域的, 因此你只要是电脑的浏览器上能够提供很好的跨域方案, 理论上放在哪里都是一样的, 包括手机上.
因此我觉得JSONP更适合你的场景, 但你又提到了要用AMF作为数据协议, 因此数据流是二进制的, JSONP果断pass.
考虑到想换协议可能不是那么容易的事情了, 而且你还提到了IE, 那就可能更悲剧了(希望只考虑支持IE8+), 因此我给出以下几点跨域的建议:
1. 使用代理来实现跨域请求
这个也算是通用的解决方案了
2. 在服务器上实现CORS
amf.js我没用过, 但瞄了一眼源码, 猜想底层也是通过XHR来实现的, 因此CORS同样适用
/emilkm/amfjs/blob/master/amf.js
源码提到了binary communication using ajax and amf
.au/binary-communication-using-ajax-and-amf
另外还可以参考
JavaScript跨域总结与解决办法 /rainman/archive//1959325.html
噢，谢谢谢谢。强！！！
你好，请问werein能够查看类似于chrome调试下的timeline中的js profiler和memory吗？
你好，请问werein能够查看类似于chrome调试下的timeline中的js profiler和memory吗？
你好，请问werein能够查看类似于chrome调试下的timeline中的js profiler和memory吗？
看图片中不是有一个timeline吗?
(湖南长沙)
weibo: /ufologist slideshare: slideshare.net/ufologist gith...
U_U的最新日记
······
······
谈风俗，论今昔 · 538条内容
聊聊归途中的新鲜事 · 743条内容
对好答案，迎战春节送分题 · 345条内容
情感、伦理与契约 · 284条内容
用理解代替批判 · 294条内容
你和坐在对面的人相处愉快吗？ · 446条内容
推荐这篇日记的豆列
······私活儿神器
MASHUPCLOUD 聚云网
最具价值web全栈课程
只做前端开发培训的好学校，专注于多方向全栈工程师培养。前端名师邵山欢亲自授课，课程涵盖HTML5、CSS3、Node.js、Angular、React诸多课程，免费视频广受学生好评。
跟牛人学前端
跟牛人学前端
妙味大前端自学宝典
妙味课堂2016年JavaScript课程大纲震撼升级、全栈来袭！
前端最新干货
前端最新干货
Nodejs在线课程
智能社就是全栈开发培训，国内正规的JavaScript、HTML5、NodeJS培训机构，专注于让学员获得快乐的学习体验并找到高薪工作的培训
学前端，免费
爱创课堂由前百度工程师，《javaScript设计模式》张容铭老师创立，公司秉承纯干货，不忽悠的态度专注前端培训，让每个零基础的学员都能真正的从入门到精通。爱创课堂北京最具深度和口碑的JavaScript、HTML5培训，前端培训，专注于让学员获得快乐的学习体验并找到高薪工作的培训——数百名毕业学员高薪就职大型互联网公司.
免费WEB建站
凡科提供自助建站系统、凡科互动、企业邮箱等多样化的网站建设服务，努力打造成为最全面的服务平台。电脑网站、手机网站和微信网站三合一，助力企业营销，促进企业发展。
您的位置： » 分类:
» 文章: JS判断浏览器iOS（iPhone）、Android手机移动端
您可能感兴趣的文章
近期最热文章
- 4,092 - 4,082 - 2,222 - 2,138 - 1,974 - 1,580}