• 由于微信对很多页面做了限制,微信开发工作者需要对页面进行调试 这个时候可以用到谷歌 首先我们需要打开微信 TBS 调试 http://debugx5.qq.com 也可微信直接扫描二维码 然后打开手机 打开开发者模式,打开 ...

    由于微信对很多页面做了限制,微信开发工作者需要对页面进行调试

    这个时候可以用到谷歌

    首先我们需要打开微信 TBS 调试


    http://debugx5.qq.com

    也可微信直接扫描二维码


    然后打开手机 打开开发者模式,打开 USB 调试  

    然后 在谷歌浏览器地址栏输入  chrome://inspect/#devices 

    出现如下界面


    点击


    左边为微信的页面,右边则可以进行 F12 的调试

    如下页面,由于我们必须用手机连接蓝牙才可以调试,所以这种页面只能在手机操做



    对于一些微信限制不是很多的页面,也可以使用微信开发者工具

    也可申请微信测试号  https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login

    可下载开发者工具 https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html


    展开全文
  • 微信开发工具实践经验 2018-01-17 10:24:22
    这里我记录一下自己使用微信开发工具的经验。(本文只讲述移动开发经验) 1.首先微信公众平台下载相应版本的微信开发工具。地址(微信公众平台文档)选择微信网页开发,选择下载就可以。 2.下载安装后的首页面...
  • 微信手机端调试工具[下载地址] (https://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html) 进入后的页面 注:1.如果安装调试工具-微信Web开发者工具需要卸载以前安装过的微信Web开发者工具...
  • 一、背景:微信开发其实跟web开发并没有太大的分别,在我们进行微信开发的时候,需要调用微信接口的时候(比如获取地理位置,上传图片,拍照等),肯定是需要在微信上操作的,而这时候我们的项目还没有部署到生产上...
  • 官方(2016.05.19) 0.7.0版本带移动调试。如果链接不是的话可能要登录微信公众号再打开 https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1455784140 其它最新版本下载 ...
  • 它是一个桌面应用,通过模拟微信客户端的表现,使得开发者可以使用这个工具方便地在 PC 或者 Mac 上进行开发和调试工作。 该工具界面主要由几大部分组成,如下图所示: 具体的安装步骤...
  • 1 : 工具 vConsole 微信公众平台前端团队打造的前端调试面板。 使用方法: <script src="path/to/vconsole.min.js"></script> <script> console.log("...
  • 参考来源:微信web开发者工具 工具下载地址: Windows 64位版本:下载地址 MD5: e74dd9499379ad93c68a952133eb7116 Windows 32位版本:下载地址 MD5: b69a7d94a045430a1d8216950cb27199 Mac版本:下载地址 MD5:...
  • 1 下载 微信web开发者工具:https://mp.weixin.qq.com/wiki?t=resource/res_main&...3 打开微信web开发者工具 ,选择如下图PS:我使用了很多手机,小米max ,iphoneX,小米5sp等等。。。没有一个能使用 X5Blin...
  • 使用微信web开发者工具调试微信企业号页面(前端页面,已发布在服务器上的)前几天写了一篇使用fiddler调试微信端页面的,然后博友评论说使用fiddler太麻烦了,推荐使用微信web开发者工具调试微信页面,这两天弄着玩...
  • 微信web开发者工具调试 2017-02-10 11:33:34
    前几天写了一篇使用fiddler调试微信端页面的,然后博友评论说使用fiddler太麻烦了,推荐使用微信web开发者工具调试微信页面,这两天弄着玩了一下,很强大。这篇文章只是做一个记录,方便自己以后使用的时候看看,...
  • 这几天在开发微信公众号,遇到了很多bug因此需要调试一番,首先我们要从官网上下载微信开发工具,https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1455784140 下载完成以后我们登录的时候要用...
  • 当我们在开发移动端WEB页面时经常会遇到X5内核(也就是QQ浏览器以及微信内置浏览器)与其他浏览器出现不一致的地方,而且有时候很难判断其原因所在,这时候就希望能像PC端浏览器一样在开发者工具上调试页面,找...
  • 为了帮助开发者简单和高效地开发和调试微信小程序,我们在原有的公众号网页调试工具的基础上,推出了全新的微信开发者工具,集成了公众号网页调试和小程序调试两种开发模式。 使用公众号网页调试,开发者可以调试...
  • 微信网页开发中会出现加入视频和音频的情况。现在主流的通过Video标签。video大致的用法如下: <video src="movie.ogg" controls="controls"> 您的浏览器不支持 video 标签。 ...
  • 1.微信浏览器打开:http://debugx5.qq.com2.打开后选择以下选项3.打开微信公众号页面4.打开chrome://inspect/#devices 然后按移动端调试方式开启微信公众号开发调试吧!!!!!!!!...
  • 腾讯浏览服务TBS2.0在上周全量发布,X5内核升级到Blink版本,HTML5能力和渲染性能全面...配合TBS2.0的发布,新版微信开发者工具也随之发布,完善开发者远程调试能力,为广大前端开发者开发Web App提供更多可能和便...
  • 打开微信调试工具,选择移动调试,安卓设备调试,选择X5 BINK,4.手机用数据线连接电脑,并用微信扫描二维码,打开TBS调试5.退出微信,并重新进入微信,点击开始调试6.然后打开你需要调试的微信web页面7.在设备列表中...
  • 最初的console 界面可能以下这样的, 当ctrl + s 保存并跑了一段代码,但是不显示结果. 解决办法就是把旁边的设置按钮 (蓝色的小齿轮) 点击一下就可以切换界面并看到跑代码的结果了 点击一下设置按钮,显示界面... ...
1 2 3 4 5 ... 20
收藏数 1,555
精华内容 622