weinre

I'm trying to debug using weinre, and have set up a simple test in Chrome to make sure everything is working. However, in the developer tools I get the error: "The page at 'https://myhost/...' was loaded over HTTPS, but ran insecure content from 'http://localhost:8080/target/target-script-min.js': this content should also be loaded over HTTPS. I had seen some other answers with regards to debugging "Cordova" or "Phonegap". I am not using either of these things and the answers suggested do not seem to apply here. I am trying to debug simple HTML/Javascript only. I don't see any mention on the

I am experimenting the PhoneGap development for IPhone. The environment is XCode 4.1, PhoneGap 1.0. I am using the Weinre remote debugger according to the tutorial provided by PhoneGap, when I run the app in IPhone Simulator, I got this error shown in XCode output: 2011-08-31 09:31:15.275 Contacts[898:11803] ERROR whitelist rejection: url='http://localhost:8080/target/target-script-min.js#anonymous' The URL is pointing to the Weinre server and it works in browser. I can't find anything about the "whitelist rejection" error in google. Any idea what does this mean? Thanks! whitelist support was

Instructions for running weinre state that I need to insert following script: <script src="http://a.b.c:8081/target/target-script-min.js"></script> where http://a.b.c is my server IP or host name. Couple of questions: Does this mean that I must open port 8081 on my remote server? Also what is the target-script-min.js ? It looks like I need to upload it to a target folder? The way you start the weinre sever is by running the command weinre in your command line. And then you leaving it running for as long as you're still using weinre. You have options for this command that you can find by type

作者：不爱吃西红柿的鱼 链接：https://www.zhihu.com/question/37361845/answer/71674280 来源：知乎 一、IOS 移动端 （Safari开发者工具） 手机端：设置 → Safari → 高级 → Web 检查器 → 开。 mac端：Safari → 偏好设置 → 高级 → 在菜单栏中显示“开发”菜单。 在 OS X 中启动 Safari 之后，以 USB 电缆正常接入 iOS 设备，并在此移动设备上启动 Safari。此时点击计算机上的 Safari 菜单中的“开发”，可以看到有 iOS 设备的名称显示，其子菜单项即为移动设备上 Safari 的所有标签页，点击任意一个开始调试。 便捷，简单，还可以调试外壳包裹的浏览器如微信。 备注：顺便提一下，要调试不同版本的ios，可以进xcode 进行下载不同的系统包（当然是在没有设备的情况下，土豪略过） 二、安卓移动端 1、chrome 调试方法 首先确保手机上和PC机上装有最新版本的chrome浏览器，其次是将手机的开发者选项打开并允许调试，然后将数据线将两台设备连接起来。在PC机上打开chorme，输入chrome://inspect ，然后在手机上打开chrome，然后手机会弹框询问是否允许调试，当然确定啦。有时候手机锁屏会断开，请拔掉usb重来。

由于前面介绍的方式不太给力，于是找到了资深的学长问了问，他告诉我有个叫weinre 的插件很不错，在进一步了解，发现了这篇文章。 weinre官网：http://people.apache.org/~pmuellr/weinre/docs/latest/ 下面内容来自csdn的一篇博文，http://blog.csdn.net/dojotoolkit/article/details/6280924。感觉很不错就贴过来了。 Weinre是什么？ Weinre代表 We b In spector Re mote，是一种远程调试工具。举个例子，在电脑上可以 即时 的更改手机上对应网页的页面元素、样式表，或是查看Javascript变量，同时还可以看到手机上页面的错误和警告信息. 下图所示中的例子，通过在console中运行“document.body.style.backgroundcolor = 'green';” 即时改变了手机上网页的背景色。 图1: 桌面的debug客户端与手机上的对应页面 使用一种工具之前，了解它的原理和结构是很有帮助的。Weinre作为一种远程调试工具，在结构上分为三层： 目标页面（target）：被调试的页面，页面已嵌入weinre的远程js，下文会介绍； Debug客户端（client）：本地的Web Inspector调试客户端； Debug服务端

在前端开发中，调试技术是必不可少的技能，本文将介绍五种前端开发必备的调试技术。 Weinre移动调试 DOM 断点 debugger断点 native方法hook 远程映射本地调试 Weinre 在移动上面开发调试是很复杂的，所以就有了 weinre 。安装 weinre 可以实现pc来调试手机页面，所以对于移动开发调试是很重要的哦~ http://people.apache.org/~pmuellr/weinre/docs/latest/images/weinre-demo.jpg 安装weinre weinre可以通过npm来安装： 1 npm install -g weinre 安装完之后，可执行下面的命令来启动： 1 weinre --httpPort 8080 --boundHost -all- 这样访问自己的127.0.0.1:8080按照提示在需要调试页面中插入一段js，然后就可以调试了。操作界面类似Chrome的 DevTools，具体操作可以看下 http://people.apache.org/~pmuellr/weinre/docs/latest/Running.html 教程 原理 通过在需要调试的页面中引入一段weinre的js，实现pc和手机的socket通信，从而实现实时调试。 Tips 如果你嫌每次都要在调试的页面引入js麻烦

背景 2013年是网页设计响应式的一年。所谓响应式网页设计，是由Ethan Marcotte在2010年提出的名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。简单来说就是同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局。这是一个多么强大的概念，一套代码兼容所有设备，节省维护成本，提高开发效率。然而，现实并非如此完美，在其强大的背后也有鲜为人知的辛酸苦楚。 众所周知，在响应式设计出现或者说在各种移动设备不断迅速抢占PC市场之前，所有的网页设计几乎不要求兼容移动设备，而在PC端的开发调试已经相当成熟，各种调试工具纷纷脱颖而出，诸如：Firebug、Chrome开发者工具等。这让开发者如鱼得水，在传统网页设计中游刃有余。 而如今的互联网市场已经有很大一部分属于移动设备的领地，网页设计兼容移动设备刻不容缓，而响应式设计的提出让这一目标成为可能，甚至可以说是网页设计兼容移动设备的完美解决方案。但是，光有方案只能是空谈，几乎没有人能够不经过反复调试就能写出完全正确的代码，移动设备上的开发调试给网页设计带来了阻力，让开发者不得不投入更多的成本用以对移动设备兼容的调试。所以良好的移动开发调试工具必须问世，而拥有一款优秀的移动开发调试工具，必然给响应式网页设计锦上添花。 人类的智慧是无穷的，2010年底weinre问世，至今weinre已经发布2.0.0版本

Weinre 安装weinre 原理 Tips DOM断点 使用DOM断点 Tips javascript的debugger语句 使用javascript的断点 Tips 原生代码的hook调试 举个例子 Tips 远程映射本地调试 在前端开发中，调试技术是必不可少的技能，本文将介绍五种前端开发必备的调试技术。 Weinre移动调试 DOM 断点 debugger断点 native方法hook 远程映射本地调试 Weinre 在移动上面开发调试是很复杂的，所以就有了 weinre 。安装 weinre 可以实现pc来调试手机页面，所以对于移动开发调试是很重要的哦~ http://people.apache.org/~pmuellr/weinre/docs/latest/images/weinre-demo.jpg 安装weinre weinre可以通过npm来安装： 1 npm install -g weinre 安装完之后，可执行下面的命令来启动： 1 weinre --httpPort 8080 --boundHost -all- 这样访问自己的127.0.0.1:8080按照提示在需要调试页面中插入一段js，然后就可以调试了。操作界面类似Chrome的 DevTools，具体操作可以看下 http://people.apache.org/~pmuellr/weinre