Weinre是什么 如果我们做的是Cordova(phonegap)或其他hybird应用,当使用到原生功能时候(类似原生请求数据或页面切换时),没办法在PC chrome浏览器调试页面,一旦页面在手机显示出了问题,我们比较难找到找到原因,有时还只能猜或alert些东西.   使用Weinre工具,Weinre的本意是Web Inspector Remote,它是一种远程调试工具,它可以将远程的页面经过代理在PC上调试页面元素.样式,JS.   Weinre的原理 三个端的含义: 客户端(cli…

Weinre 是一款远程调试工具,使用JS编写, 可以让我们在电脑上直接调试运行在手机上的远程页面,当你的代码已经发布上线,这时候出现了问题,Weinre就可以帮你调试. 调试场景 调试页面在手机上. 调试工具在PC的chrome 手机跟pc要在同一个网络环境下,也就是都使用一个wifi 安装Weinre Weinre是基于nodejs实现的,所以使用它必须先安装node运行环境,新版的node已经集成了npm, 所以直接在在命令行键入下面的命令即可安装, 如果你是Mac/Linux用户, 还需…

相信很多前端的小伙伴一定会遇到一个问题, 比如我编写完一个页面,某个地方需要进行调整细节或者是哪个地方怎么调整都不对,在pc端还好,有google,firefox之类可以调节页面的工具,虽说这些工具有模拟手机的页面的功能,但是毕竟 真机上调试与浏览器上调试还是有挺大差别的,那有人会问了,有没一款可以针对 移动端调试的工具呢,答案是肯定的. weinre 就能比较好的解决这个问题的,下面我们就来了解下怎么用 weinre调试移动端页面吧 一:远程调式工具-weinre Weinre是什么? Wei…

第一步 打开iphone手机的开发者模式,流程是:[设置]->[Safari]->[高级]->开启[Web检查器] 第二步 打开Mac上Safari的开发者模式,流程是[Safari]->[偏好设置]->[高级]->[在菜单栏中显示"开发"菜单]勾选 第三步 用数据线将iphone手机和mac连接起来,在电脑的safari中按照流程执行:[开发]->[手机名称]->[正在调试的网站] 最后 就可以按照调试pc端页面的思路来调试ios的页面…

第一步:打开iphone手机的开发者模式,流程是:[设置]->[Safari]->[高级]->开启[Web检查器] ,如图1.图2 图1 图2第二步:打开Mac上Safari的开发者模式,流程是[Safari]->[偏好设置]->[高级]->[在菜单栏中显示“开发”菜单]勾选 图3第三步:用数据线将iphone手机和mac连接起来,在电脑的safari中按照流程执行:[开发]->[手机名称]->[正在调试的网站] 图4最后,就可以按照调试pc端页面的思路来调…

移动端页面调试一般分两步.第一步我们需要把本地(pc端)写的页面效果展现在移动端,一个很方便的办法是用 fiddler 作为代理,具体可以参考 如何用 fiddler 代理调试本地手机页面,这样我们就能在自己的手机上看到真机效果,有时还可以用 alert 调试一些 js:当然,有时仅仅展现样式还不够,我们希望能像 chrome 面板或者 firebug 一样查看元素的 css 样式,甚至可以在控制台看到 js 的 console 输出,UC浏览器开发者版可以方便地做到这点,具体可以参考 如何使用…

前言 这个也是从早读课转载的.如有侵权请联系我马上下架. 正文从这开始-- 移动端页面调试一般分两步.第一步我们需要把本地(pc端)写的页面效果展现在移动端,一个很方便的办法是用 fiddler 作为代理,具体可以参考 如何用 fiddler 代理调试本地手机页面,这样我们就能在自己的手机上看到真机效果,有时还可以用 alert 调试一些 js:当然,有时仅仅展现样式还不够,我们希望能像 chrome 面板或者 firebug 一样查看元素的 css 样式,甚至可以在控制台看到 js 的 con…

阅读目录 介绍Weinre 安装Weinre 通过Weinre调试页面 启动target 介绍Weinre Weinre(Web Inspector Remote),是一种远程调试工具.功能与Firebug及chrome调试器类似,可以帮助我们即时更改页面元素.样式,调试JS等. weinre由三部分组成 1. debug server 核心组件,运行在服务端,负责与另外两部分通信. 2.debug client webkit核浏览器,与debug server通信.展现调试界面,允许你修改do…

在 PC 端,我们可以使用 Firebug 或者 Chrome 开发人员工具方便的调试网站或者 Web 应用.但是,当我们想在移动端调试站点或者应用的时候,这些工具就派不上用场了.因此,移动开发人员都希望能有 Mobile 版本的 Firebug 或者 Chrome 开发人员工具.Weinre 就是这样一款工具,可以帮助我们调试移动网站及 PhoneGap 应用. 您可能感兴趣的相关文章 推荐8款很棒的测试网站速度的免费工具 12款很棒的浏览器兼容性测试工具推荐 构建杀手级应用 JavaScri…

在 PC 端,我们可以使用 Firebug 或者 Chrome 开发人员工具方便的调试网站或者 Web 应用.但是,当我们想在移动端调试站点或者应用的时候,这些工具就派不上用场了.因此,移动开发人员都希望能有 Mobile 版本的 Firebug 或者 Chrome 开发人员工具.Weinre 就是这样一款工具,可以帮助我们调试移动网站及 PhoneGap 应用. Weinre 简介 在使用 Weinre 之前,我们先了解一下 Weinre 的基本概念.Weinre 的全称是 Web Inspe…