微信开发工具浏览器_微信开发者工具可以下拉加载更多内容,微信浏览器不行 - CSDN
  • 记录一个最近在微信端页面开发时出现的问题:页面在手机微信端和微信web开发者工具中都能正常显示,但是在pc端微信浏览器上打不开(显示空白)。  原因:pc端微信浏览器不支持es6,而我的代码使用了 let 。  ...

            记录一个最近在微信端页面开发时出现的问题:页面在手机微信端和微信web开发者工具中都能正常显示,但是在pc端微信浏览器上打不开(显示空白)。

            原因:pc端微信浏览器不支持es6,而我的代码使用了 let 。

            解决:将 let 改为 var。(若使用 es6 语法比较多,可以进行转换,将 es6 语法转为 es5)

    展开全文
  • 首先,如果使用的是谷歌浏览器的话,可以去百度一个ADB Plugin的插件,因为谷歌被墙了,比较难在浏览器的插件商店里下插件。开发者模式——>安装…blablabla,这些应该都知道了。 然后打开: 之后的步骤按照...

    昨日,因为首次接触到了这个远程调试,我解决了一个困扰了我几天的不报错的bug,非常开心。
    但是,还是要将这个事情记录下来,以免以后再碰到这种事就傻了。

    • 首先,如果使用的是谷歌浏览器的话,可以去百度一个ADB Plugin的插件,因为谷歌被墙了,比较难在浏览器的插件商店里下插件。开发者模式——>安装…blablabla,这些应该都知道了。
    • 然后打开:
    • 这里写图片描述
    • 之后的步骤按照这个文章来:
    • https://blog.csdn.net/dong123dddd/article/details/70217248

    • 如果出现了上面没有的问题,那只能百度了。比如说我遇到的,就是手机型号是有的,但是呢,就是没有出现网页,很奇怪,提示也没有,就是不知道是什么错误。于是,我就换了微信开发者工具去玩,结果一样,但是起码有了提示。总好过瞎蒙瞎猜,浪费时间。所以,我在这里还是蛮推荐使用微信开发者工具和谷歌浏览器一起搭配使用的。
    • 不过这里,也顺带贴上我当时在微信浏览器看到的提示,以及解决办法吧。提示“未检测到浏览器”,解决办法:https://blog.csdn.net/ShaLiWa/article/details/60766248
    展开全文
  • 但是很多用户反映扫一扫之后下载不了,了解之后才知道这些用户都是使用的微信的扫一扫,而我们开发测试人员一般使用uc之类的浏览器做扫描。上网查了一下,微信自带的内置浏览器屏蔽了下载功能,所以才出现用微信扫一...

    上半年公司有一个新的APP项目上线,我们在项目首页做个二维码,然后用户用手机扫一扫就能下载了。但是很多用户反映扫一扫之后下载不了,了解之后才知道这些用户都是使用的微信的扫一扫,而我们开发测试人员一般使用uc之类的浏览器做扫描。上网查了一下,微信自带的内置浏览器屏蔽了下载功能,所以才出现用微信扫一扫不能下载的情况。这时候我们一般会建议用户使用uc或者其他第三方浏览器自带的扫一扫功能下载。但是现在的微信太普及了,很多人都习惯性的使用微信来扫码下载,总不能每个用户都解释一遍,所以我们一直在寻找解决方案。 要解决这个问题思路很明确,既然微信内置浏览器不支持下载,那就只能想办法调用外部浏览器来下载。所以我们在寻找这么一种方案:用户点了某个推广链接如何调用外部的浏览器实现下载功能呢?

     好了,废话不多说了,直接上方案。

     

    r7t7bmco.png

     

     

     

     

     

    方案1:

    弹出一个遮罩提示用户在新的浏览器窗口打开。

     

     

     

    使用的是纯JS+HTML+CSS结合的方式,但不要一进入微信就弹出提示它在新浏览器中打开,在这个页面里面还可以提交表单查看信息等,只有它点击应用的链接后,才弹出提示它跳转后下载。

    想要制作而又不懂技术的朋友可以前往

    部分代码(网上有很多,我就不献丑了)

    a>

    ×span>p>div>

    var is_weixin = (function(){return navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1})();

    window.onload = function() {

    var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight; //兼容IOS,不需要的可以去掉

    var btn = document.getElementById('J_weixin');

    var tip = document.getElementById('weixin-tip');

    var close = document.getElementById('close');

    if (is_weixin) {

    btn.onclick = function(e) {

    tip.style.height = winHeight + 'px'; //兼容IOS弹窗整屏

    tip.style.display = 'block';

    return false;

    }

    close.onclick = function() {

    tip.style.display = 'none';

    }

    }

    }

    方案2:

    这个方案就是我们现在用的这种,相比第一种的话,转化率方面都有显著发的提升,

    这个方案需要我们借助一个外部的接口来实现此功能 

    我们在他们那边租用了此接口。

    通过租用的接口可以实现安卓端微信直接唤醒手机默认浏览器打开指定的链接,从而实现下载APP的功能,

     

     

    具体实现原理:

    利用HTTP请求中Header中的user-agent字段,来识别用户的客户端,如果判断用户是在微信中打开的链接,则自动打开系统手机浏览器来打开链接。如果是在手机浏览器打开,则正常访问。

    判断用户客户端的Javasript代码如下:

    function is_wechat_client(){

          var ua = navigator.userAgent.toLowerCase();

          if(ua.match(/MicroMessenger/i)=="micromessenger"){

              return true;

          }else{

              return false;

          }

    }

    好了,亲们,上面两种办法笔者都尝试过了,均可行。如果你有更好的办法可以在此处留言,方便广大码友

    展开全文
  • 这里我记录一下自己使用微信开发工具的经验。(本文只讲述移动开发经验) 1.首先微信公众平台下载相应版本的微信开发工具。地址(微信公众平台文档)选择微信网页开发,选择下载就可以。 2.下载安装后的首页面...
       微信开发少不了,微信端的测试,但是基于手机调式特别困难,造成浪费大量的时间。这里我记录一下自己使用微信开发工具的经验。(本文只讲述移动开发经验)
    
    1.首先微信公众平台下载相应版本的微信开发工具。地址(微信公众平台文档)选择微信网页开发,选择下载就可以。
    2.下载安装后的首页面如下:

    选择1,2扫码登录即可。

    2、选择移动调式,普通调式。


     按照上述步骤连接成功之后,点击开始调式,就会出现实时请求,可以查看对应的参数以及响应。

    4、如下图


    5.选择x5调式


     按照上述步骤,点击开始调式,出现如下页面 

     第一次点击inspect 会出现空白页,这是你需要翻墙,翻墙成功后,就可以点击了出现和chrome调式页面。(注:翻墙工具,我用的是蓝灯,需要的话,可以给我留言)

    6、使用chrome devtool调式,

      1、首先在手机上将普通调式的代理关掉,选择无就行,然后使用usb连接手机,如何连接请自行百度。我这里讲一下我遇到的问题。

    打开chrome浏览器,输入chrome://inspect/#devices,出现offinline,标识设备没有连接。这是应该下载响应手机的驱动,可以到手机官网上下载,或者使用地方工具,例如腾讯管家,或者豌豆荚,会自动下载驱动,安装后就可以出现如下页面。


    7、欢迎大家多多批评指正!!!!!!

     

    展开全文
  • 在火狐浏览器地址栏输入“about:config”,按下回车进入设置菜单。 找到“general.useragent.override”,如果没有这一项,则点右键“新建”->“字符串”,输入这个字符串。 将其值设为: Mozilla/5.0 (iPhone;...
  • 它主要目的是开发一个基于Google Chromium的Webbrowser控件,支持用户插件,协议,javascript对象以及javascript扩展,宿主程序可以随意地控件资源下载,导航,下下文内容和打印等,并且可以跟Google Chrome浏览器...
  • 微信开发者工具是必不可少的,因为有些微信封装的方法只有微信开发者工具上才能使用,还有一个重要的原因就是,我们提交我们的代码审核必须通过该工具来提交,所有要做微信小程序和小游戏的开发,这个工具的学习是必...
  • 微信开发是件非常蛋疼的事情,微信网页的缓存是更加蛋疼的东西,今天遇到的问题:一个页面在web开发工具上可以正常授权并获取到openid,放在手机上就死活不行,网上找来的办法如下: 使用微信内置的浏览器打开...
  • 最近项目组在开发一款运行在微信小游戏环境的斗地主游戏,项目的第一个版本收尾阶段突然出现了一个奇怪的bug,因为之前开发阶段的测试都是在浏览器以及微信开发工具上的模拟器进行的测试,所以直到临近项目上线才...
  • 代码: public static function isWechat(){ $ug = isset($_SERVER['HTTP_USER_AGENT'])?$_SERVER['HTTP_USER_AGENT']:''; if( stripos($ug,'micromessenger') !== false ){ return true...
  • 今天新弄了个企业微信,在使用微信开发者工具调试的时候,遇到了如下的问题: 在网上找了下教程,发现全都是旧版本的解决方法不适用。这里介绍下新的企业微信的解决方案:1.首先,你必须是这个企业微信的管理员。这...
  • 1、用户在电脑上的微信内置浏览器打开网页,遇到了问题,开发就需要去排查问题 2、查看公众号网页的代码比较难查看,也不方便调试,只是抓包很难分析 API 请求,况且现在我还不会使用抓包软件,暴露了 3、有些公众号...
  • 微信开发者工具不支持打开vue文件,因为微信开发者工具只是一个用户代理(即显示网站用),类似chorme浏览器一样。 由于官方的微信开发者工具编辑mpvue不是很友好,所以编写的时候一般会选择一款编辑器,可以使用...
  • 微信开发中遇到用微信web工具可以打开网页,但是用微信客户端就打不开的时候,可以清空微信客户端的浏览器缓存,然后再测试,应该就可以打开了。微信浏览器缓存清理方法:1、随便打开一个聊天窗口,输入debugx5.qq...
  • iOS 模拟微信内置浏览器和Safari浏览器CYWebViewController分为两种模式,一种是类似微信内置浏览器模式,一种是Safari浏览器模式。类似微信内置浏览器,顶部导航栏提供webview后退和关闭按钮.Safari模式,底部...
  • 微信浏览器调试

    2017-06-09 18:01:12
    微信浏览器调试
  • 小样,图样图森破,限制了oauth、微信浏览器内打开,照样能看你源码~ 使用fiddler来抓包 需要先做一些简单的准备工作: 一台带有无线网卡的PC或者笔记本电脑,然后将电脑和手机连接到同一个Wi-Fi网络中,...
  • 手机微信和手机内置浏览器以及电脑端chrome浏览器都能正常打开网页,只有pc微信内置浏览器不行 网上检索 查找资料后,白屏的原因可能有两种: 使用了ES6/7/8/9等的新语法特性,pc微信内置浏览器不支持 .
  • 最近开发微信企业号,发现微信andriod版内置浏览器在打开文件方面有问题,但是ios版没有问题,原因是ios版使用的是safari浏览器 支持文档直接打开,但是andriod版使用的是腾讯浏览器x5内核,不知道什么原因不支持,...
  • 1、点击微信开发者工具,击右键, 选择“属性”,打开面板之后,选择“快捷方式” => “目标” 2、在目标那一行的最后,输入“空格–disable-web-security --user-data-dir”,...4、重启微信开发者工具即可 ...
1 2 3 4 5 ... 20
收藏数 32,773
精华内容 13,109
关键字:

微信开发工具浏览器