首页 / HTML / PC上对限制在微信客户端访问的html页面进行调试

PC上对限制在微信客户端访问的html页面进行调试

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了PC上对限制在微信客户端访问的html页面进行调试，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1919字，纯文字阅读大概需要3分钟。

内容图文

PC上对微信的html5页面做测试，一般来说需要两个条件：浏览器UA改为微信客户端的UA（打开页面提示请在微信客户端登录就需要修改UA）；增加满足html5验证条件的Cookie来进行微信OAUTH验证

说明：

单纯的调试可以安装微信web开发者工具，使用微信进行登录来进行调试。这个工具有类似chrome的调试工具，但是这个不能装插件的。所以如果想用yslow等插件进行页面性能测试。还是要在chrome、Firefox等浏览器里实现模拟微信的html5页面

一、将浏览器的UA（user-Agent）改为微信客户端的UA

使用UA要解决的问题：使用PC访问要在微信中打开的页面，开发做了限制只能在微信客户端打开

解决方法：为浏览器增加客户端微信的UA

每个浏览器、手机系统都有自己的user Agent，通过user Agent可以判断浏览器版本、所用的操作系统等参数。（如果不知道UA可以通过抓包获得请求头中的UA）

一个ios端微信的UA： Mozilla/5.0 (iPhone; CPU iPhone OS 8_0 like Mac OS X) AppleWebKit/600.1.4 (KHTML, like Gecko) Mobile/12A365 MicroMessenger/5.4.1 NetType/WIFI

一个Android端微信的UA：Mozilla/5.0 (Linux; U; Android 4.1.2; zh-cn; Chitanda/Akari) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30 MicroMessenger/6.0.0.58_r884092.501 NetType/WIFI

各个浏览器都有修改UA的方法，例如下面的火狐浏览器：

通过火狐浏览器本身的设置来修改。
火狐浏览器修改userAgent的办法一：
在火狐浏览器地址栏输入“about:config”，按下回车进入设置菜单。
找到“general.useragent.override”，如果没有这一项，则点右键“新建”->“字符串”，输入这个字符串。
将其值设为自己想要的UserAgent。
火狐浏览器修改userAgent的办法二：

user Agent Switcher插件。下载地址：User Agent Switcher 0.7.3修改firefox的user agent扩展

（其他浏览器修改UA的方法随便百度一下就行了，因为我要用Firefox的yslow插件，所以我只修改了Firefox的UA）

chrome可以直接启用手机调试的模式。然后通过选择Device，UA会自动变成对应的UA。也可以在UA后面的输入框中进行修改

二、如果页面有微信的OAUTH验证，需要增加Cookie来实现验证

页面做了微信OAUTH验证的访问方法：

如果只是限制了必须在手机端访问，上面增加UA的操作方式实际已经可以解决PC打开连接的问题了。但是有的开发对访问页面增加了微信的OAUTH验证，如果只是添加了微信客户端UA，访问该页面会是一个空白页面，此时需要增加可以通过微信OAUTH验证的Cookie

只添加了UA的现象如下：

获取Cookie的方法：

1.通过fiddler等抓手机包，在手机微信客户端上访问该页面时，通过抓包工具获得对应Cookie加到浏览器中

2.通过微信开发者工具访问该页面，抓取对应Cookie添加到浏览器中

使用微信开发者工具，在url输入框中输入连接后访问，需要先进行微信登录

登录后就可以进行调试了

找到对应Cookie加入到浏览器中就可以了

各个浏览器添加Cookie的方法：

Firefox：安装Web Developer插件，点击Cookies->Add Cookie来增加修改Cookie。

（添加的时候一定要注册Host和Path，这些在Cookie里都有。然后通过Cookies->View Cookie Information来查看当前域名下的所有Cookie信息）

添加Cookie成功后，再访问需要微信OAUTH验证的页面，可以看到可以正常访问了：

其他浏览器添加Cookie的方法可以参照这个博客：http://www.ebnd.cn/2011/02/22/edit-browser-cookies/

原文：http://www.cnblogs.com/meitian/p/5424587.html

内容总结

以上是互联网集市为您收集整理的PC上对限制在微信客户端访问的html页面进行调试全部内容，希望文章能够帮你解决PC上对限制在微信客户端访问的html页面进行调试所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1237991.html

来源：【匿名】

【上一篇】HTML学习总结【下一篇】PHP 和 HTML

更多 ►

【PC上对限制在微信客户端访问的html页面进行调试】教程文章相关的互联网学习教程文章

PC上对限制在微信客户端访问的html页面进行调试【图】

PC上对微信的html5页面做测试，一般来说需要两个条件：浏览器UA改为微信客户端的UA（打开页面提示请在微信客户端登录就需要修改UA）；增加满足html5验证条件的Cookie来进行微信OAUTH验证说明：单纯的调试可以安装微信web开发者工具，使用微信进行登录来进行调试。这个工具有类似chrome的调试工具，但是这个不能装插件的。所以如果想用yslow等插件进行页面性能测试。还是要在chrome、Firefox等浏览器里实现模拟微信的html5页面一、...

html5新增的客户端校验【代码】

1.表单控件提供的checkValidity（）方法进行校验。例如：如果checkValidity（）方法返回true 则表明该表单内的所有表单控件都有效。<body><form action="">生日：<input id="birth" name="birth" type="date"><br> 邮件地址：<input type="email" id="email" name="email"><br><input type="submit" value="提交" onclick="return check()"></form><script>var check =function () {return commonCheck(‘birth‘, ‘生日‘, ‘字段...

HTML5的五种客户端离线存储方案【代码】【图】

最近折腾HTML5游戏需要离线存储功能，便把目前可用的几种HTML5存储方式研究了下，基于HT for Web写了个综合的实例，分别利用了Cookie、WebStorage、IndexedDB以及FileSystem四种本地离线存储方式，对燃气监控系统的表计位置、朝向、开关以及表值等信息做了CURD的存取操作。http://www.hightopo.com/guide/guide/core/serialization/examples/example_exportimport.htmlHTML5的存储还有一种Web SQL Database方式，虽然还有浏览器支持...

Jsoup解析html页面实现CSDN博客客户端【图】

这段时间课比较少，我用Jsoup解析html写了一个阅读CSDN博客的app。已经实现的功能有：1、阅读博客频道首页最新|最热的文章：2、浏览所有专栏&阅读其中的文章：3、阅读热门文章：4、查看指定id用户的所有文章：整个程序运行起来的样子大概就是这个样子..核心代码：下载指定的html页面 ——> 使用Jsoup解析，获取自己需要的元素。了解Jsoup的同学都知道很简单的。由于时间&水平有限，app界面很简陋，可能会有些BUG。而且有一个问题没...

防止页面客户端被缓存_html/css_WEB-ITnose

防止页面客户端被缓存许多浏览器为了能快速向用户展示所请求的页面，会把来自服务器的网页存放在客户端的缓存中，如果用户多次请求访问服务器端的同一个网页，并且在客户端的缓存中年已经存在该网页，那么浏览器只需要从缓存中获取该网页，并不需要在请求访问远程服务器上的网页浏览器端的缓存技术适用于保存服务器端的静态网页，以及不包含敏感数据的网页，一下情形中，服务器往往不希望客户端被浏览器缓存： (1)网...

javascript-HTML5 appcache,获取客户端中缓存文件的列表【代码】

在我的项目中,我尝试使用HTML5 appcache来缓存CSS和JS等静态资源,以及“用户特定”文件,例如图像和视频.当我说用户特定的图像/视频时,我试图为每个用户准备单独的文件,并且还需要控制文件下载的顺序. 在这种情况下,清单文件将为每个用户动态加载.有没有一种方法可以获取客户端中已经缓存的资源列表？如果没有,是否可以在客户端中读取“ .appcache”文件？解决方法:是.您可以使用AJAX请求获取清单缓存文件,然后读取它. 但是,这不能...

html5-本质就是websocket的客户端，phpWebsocket怎么接收数据

class WebsocketClient {private $_Socket = null;public function __construct($host, $port){$this->_connect($host, $port);}public function __destruct(){$this->_disconnect();}public function sendData($data){// send actual data:return fwrite($this->_Socket, $this->encode($data)) or die('Error:' . $errno . ':' . $errstr);$wsData = fread($this->_Socket, 2000);$retData = trim($wsData, chr(0) . chr(255));r...

PHP学习---如何把富文本编辑器里面的内容生成html传回给android客户端【图】

通过对 ThinkCMF的框架的学习，这次的内容是在框架自带的门口那个模块下面，Portal下面我们知道后台编辑文章对应的是AdminPost 下面的add.html首先我们去改add.html界面首先我们需要的是去看懂它的表单提交和跳转是怎么设置的他的方式是 action="{:u(AdminPost/add_post)}"或者是：href="{:U(AdminPost/index)}"或者是：href="{:U(AdminPost/add,array(term=>empty($term[term_id])?:$term[term_id]))}"前面对ThinkCMF框架结构的...

HTML5的五种客户端离线存储方案_PHP教程【图】

HTML5的五种客户端离线存储方案最近折腾HTML5游戏需要离线存储功能，便把目前可用的几种HTML5存储方式研究了下，基于HT for Web写了个综合的实例，分别利用了Cookie、WebStorage、IndexedDB以及FileSystem四种本地离线存储方式，对燃气监控系统的表计位置、朝向、开关以及表值等信息做了CURD的存取操作。http://www.hightopo.com/guide/guide/core/serialization/examples/example_exportimport.htmlHTML5的存储还有一种Web SQL Da...

html5如何实现客户端验证上传文件的大小，_PHP教程

html5 如何实现客户端验证上传文件的大小，在HTML 5中，现在可以在客户端进行文件上传时的校验了，比如用户选择文件后，可以马上校验文件的大小和属性等。本文章向码农介绍html5 如何实现客户端验证上传文件的大小，感兴趣的码农可以参考一下。在HTML 5中，现在可以在客户端进行文件上传时的校验了，比如用户选择文件后，可以马上校验文件的大小和属性等，这其实时得益于浏览器端新增的对文件的校验能力，其中支持HTML 5的浏览器，...

js客户端打印html并且去掉页眉、页脚的实例

下面小编就为大家带来一篇js 客户端打印html 并且去掉页眉、页脚的实例。小编觉得挺不错的，现在就分享js源码给大家，也给大家做个参考。对js感兴趣的一起跟随小编过来看看吧print() 方法用于打印当前窗口的内容，支持部分或者整个网页打印。调用 print() 方法所引发的行为就像用户单击浏览器的打印按钮。通常，这会产生一个对话框，让用户可以取消或定制打印请求。win10下测试ie11、chrome、firefox、360、edge 都可以成功去掉页眉...

js客户端打印html如何去掉页眉、页脚

本文主要讲解js 客户端打印html 并且去掉页眉、页脚的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。print() 方法用于打印当前窗口的内容，支持部分或者整个网页打印。调用 print() 方法所引发的行为就像用户单击浏览器的打印按钮。通常，这会产生一个对话框，让用户可以取消或定制打印请求。win10下测试ie11、chrome、firefox、360、edge 都可以成功去掉页眉页脚；<!D...

生成html静态文件后的分页（客户端版）_javascript技巧

New Document * { font-size:10.2pt; font-family:tahoma; line-height:150%; } .divContent { border:1px solid red; background-color:#FFD2D3; width:500px; word-break:break-all; margin:10px 0px 10px; padding:10px; } header footer 女老师竭力向孩子们证明，学习好功课的重要性。她说："牛顿坐在树下，眼睛盯着树在思考，这时，有一个苹果落在他的头上，于是他发现了万有引力定律，孩子们，你们想想看，做一位伟大的...

jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值_jquery

—、获取dropdownlist的text（ddlList为服务器端dropdownlist的ID，生成name属性等于ddlList的select标签）　　$("#ddlList option:selected").text() 二、获取dropdownlist的value（ddlList为服务器端dropdownlist的ID，生成name属性等于ddlList的select标签）　　$("#ddlList").val() 三、获取radiobuttonlist的text（rbtList为服务器端radiobuttonlist的ID，生成name属性等于rbtList的一组input标签）　　$("input[name='rbt...

js 客户端打印html 并且去掉页眉、页脚的实例

print() 方法用于打印当前窗口的内容，支持部分或者整个网页打印。调用 print() 方法所引发的行为就像用户单击浏览器的打印按钮。通常，这会产生一个对话框，让用户可以取消或定制打印请求。 win10下测试ie11、chrome、firefox、360、edge 都可以成功去掉页眉页脚；<!DOCTYPE html> <html> <head><title>打印</title><meta charset="utf-8"><style>.printBox {width: 300px;height: 300px;border: 1px solid blue;}</style><!-- 打...

首页 / HTML / PC上对限制在微信客户端访问的html页面进行调试

PC上对限制在微信客户端访问的html页面进行调试

内容导读

内容图文

内容总结

内容备注

内容手机端

【PC上对限制在微信客户端访问的html页面进行调试】教程文章相关的互联网学习教程文章

客户端 - 相关标签

调试 - 相关标签

HTML - 技术教程分类

HTML - 最新教程

HTML - 最热教程