精华内容
下载资源
问答
  • 浏览器模拟微信浏览器内核

    千次阅读 2017-12-30 00:15:00
    浏览器模拟微信浏览器内核 博客分类: 抓包 在火狐浏览器地址栏输入“about:config”,按下回车进入设置菜单。 找到“general.useragent.override”,如果没有这一项,则点右键“新建”->“字符串”,...
    浏览器模拟微信浏览器内核 博客分类: 抓包

    在火狐浏览器地址栏输入“about:config”,按下回车进入设置菜单。

    找到“general.useragent.override”,如果没有这一项,则点右键“新建”->“字符串”,输入这个字符串。

    将其值设为:

    Mozilla/5.0 (iPhone; CPU iPhone OS 7\_1\_2 like Mac OS X) AppleWebKit/537.51.1 (KHTML, like Gecko) Mobile/11D257 MicroMessenger/5.3.1like Mac OS X) AppleWebKit/600.1.3 (KHTML, like Gecko) Version/8.0 Mobile/12A4345d Safari/600.1.4


    google同理

    转载于:https://my.oschina.net/xiaominmin/blog/1597201

    展开全文
  • 微信浏览器内核-------QQ浏览器X5内核

    千次阅读 2019-04-02 09:47:01
    X5内核是腾讯基于开源Webkit优化的浏览器渲染引擎,目前除了微信、手机QQ、京东等有30多款APP内置浏览器都是基于X5内核。 如何查看:进入微信进入朋友圈或者公众号浏览器内容页,摁着页面下拉,在上部就可以看到...
      也就是说微信、手机QQ内置浏览器都是腾讯的QQ浏览器。
    
      X5内核是腾讯基于开源Webkit优化的浏览器渲染引擎,目前除了微信、手机QQ、京东等有30多款APP内置浏览器都是基于X5内核。
    

    如何查看:进入微信进入朋友圈或者公众号浏览器内容页,摁着页面下拉,在上部就可以看到内核版本了;

    css兼容性。
    1. flex布局在 iphone6 plus的手机时,无法生效。(解决: display: -webkit-flex;)

     2. vh单位  无法在微信浏览器中使用。 使用js计算高度设置。
    
    
    
     这是我项目中遇到的两个问题,后期再给大家完善,大家也可以才下方评论自己遇到的问题。
    

    作者:陨石猎人
    来源:CSDN
    原文:https://blog.csdn.net/qq_42205731/article/details/81776296
    版权声明:本文为博主原创文章,转载请附上博文链接!

    展开全文
  • 众所周知,微信项目html5界面的开发时间会相对较长(为什么这么说就不解释了),以及在微信浏览器内会出现一些无法在web端检测出的问题,笔者有 了模拟微信浏览器的想法,google之后,发现有方法来伪装浏览器,也...
      众所周知,微信项目html5界面的开发时间会相对较长(为什么这么说就不解释了),以及在微信浏览器内会出现一些无法在web端检测出的问题,笔者有 了模拟微信浏览器的想法,google之后,发现有方法来伪装浏览器,也就是利用浏览器的user Agent,(每款浏览器都有自己不同的user Agent ,而且通过user Agent可以判断浏
    览器版本
    、所用的
    操作系统
    等参数,当用户通过浏览器向服务器发起请求时,请求头(header)中就会包含
    User Agent,服务器端可以获取该值
    )。 
    

    插件下载:

    笔者以火狐为例来详解如何模拟微信浏览器:
    首先,下载火狐浏览器的User Agent Switcher 插件,下载地址:https://addons.mozilla.org/zh-CN/firefox/addon/user-agent-switcher/ 插件如图:
                                
    安装成功后可在工具选项中看到Default User Agent选项,如下图:
     
                                   

    获取微信浏览器的 User Agent

                        
     
    经笔者的测试, MicroMessenger  是微信浏览器特定的标识,所以上图中的if语句即可判断请求是否为微信浏览器发起。
    注意一下上图中的 agent,下文中要用到

    搭建微信浏览器

    笔者用自己的GT-I9300获取的agent为: Mozilla/5.0 (Linux; U; Android 4.1.2; zh-cn; GT-I9300 Build/JZO54K) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30 MicroMessenger/5.2.380
    打开Default User Agent下的
                                     
    添加新的user agent 
                                   
    将user agent切换为刚建的GT-9300 进行测试:
                                   
    自己比较一下www.baidu.com原来的样子,如图算是添加成功了。

    模拟微信浏览器请求

    这是笔者之前所用的方法,基本作用跟前文差不多,希望对各位有所帮助


    总结

    本文只是自我的一个总结,如果对你有所帮助是我的荣幸,文章不妥之处希望指正,大神勿喷请通过留言或关注微信公众帐号codenewbie支持小八哥!若有不妥之处,欢迎指点。

    展开全文
  • 微信浏览器缓存

    千次阅读 2017-10-18 11:41:44
    手动清理缓存微信浏览器的奇葩,在ios和安卓版本的产品,浏览器内核都不一样;而不同系统的不同微信版本的表现也不统一。清理缓存的方式也就各种不一样:1,android:debugx5.qq.com,这是微信x5内核浏览器的debug...

    原文地址:http://www.jianshu.com/p/cce9511c0914

     

    手动清理缓存

    微信浏览器的奇葩,在ios和安卓版本的产品,浏览器内核都不一样;而不同系统的不同微信版本的表现也不统一。清理缓存的方式也就各种不一样:

    1,android:debugx5.qq.com,这是微信x5内核浏览器的debug调试页面,在微信浏览器打开,拉到页面最底部,有清理缓存的选项。 然而并不是所有安卓手机都能打开这个链接,比如我们遇到的zuk手机就不能打开,这也让我无能为力;可以尝试ios的方式清除。



     
    2, ios:                 a.  取关公众号,重新关注;                 b.  退出微信账号登陆,重新登陆微信;                 c.  微信设置-通用-存储-清理缓存;                 d.  进入页面,右上角‘...’选项中点击“刷新”; 这四种方式,在各种版本各种iphone以及各种微信版本中,都不保证能生效;有的用单一一种方式就能清除,有的需要组合方式,反正你就各种尝试组合上述方式吧,就能清除缓存了。
     

    自动清理缓存

    手动清理缓存是可以达到目的,但我们不可能让用户每次都进行这样的操作,更何况我们的行业属性决定了我们有大量的手机都不太会用的客户,让他们进行这样的操作无疑非常不友好。所以根本的解决方式是,不让微信缓存我们的资源。下面我将悉数列出在这段时间里尝试过的所有方法,同时说明有效性,给大家一个参考。

    1,设置meta标签  无效

    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="0" />

    这是第一个想到的方式,设置页面的meta标签,来告诉浏览器不要缓存当前页面,相当于http请求的请求头设置。因为当时大量用户不能访问,或者加载出错,我们想用最快的方式解决问题。然而事实证明,这个meta标签太小儿科了,也就在正常的浏览器有用,对于微信这样的奇葩,挠痒都闲力小。

    2,版本号  (有效)

    因为我们项目结构的复杂性,以及我们框架的特殊性,给静态资源加版本号这个本来不算太难的问题,在我们这变得异常艰难。所以虽然意识到这个是迟早要解决的问题,也就一直放着没动。 这个时候查阅了大量的资料,开始意识到微信浏览器的缓存简直是非版本控制不能解决的了。于是硬着头皮开始弄,各种痛苦不表,总之算是完成了缓存问题的80%。 版本号有两种方式:         a,传统的文件名后带参数的方式: index.js?v=20170705;         b,现在多用的md5文件名的方式: index-8a769sh7f9d.js; 查阅权衡之后,决定选择后一种方式。最终也证明这个决定的正确,因为微信对于第一种方式,可能会直接忽略后面的hash值……

    3,入口文件被缓存

    历尽艰辛对所有的静态js/css等文件添加版本号后,以为终于是解决了缓存的问题,没想到微信又给我来了一记重击----入口文件index.html被缓存了!我们项目算是单页应用,入口文件是没有什么内容的,只是作为入口引入逻辑相关的index.js,然后js来控制页面内容的加载。当我们的index.js文件加了版本号后,实际变成了index-<md5>.js,这时候index.html被缓存了,那么页面中引入的还是index.js,这时候已经不存在index.js了,所以变成了404,主逻辑无法加载,网站就几乎瘫痪了。 为了解决入口html被缓存的问题,我们尝试了几种方式:

    a,直接修改公众号菜单的链接地址,在html后面加上?v=20170705这样的hash值;(无效b,用gulp给入口文件生成带上述hash值的index文件,重复a步骤,无效; c,给index.html的跟标签html加上一个不存在的manifest文件;具体参考 W3C manifest相关说明;如下图:

    w3c对于manifest文件不存在的情形下浏览器应该遵循的处理步骤说明

    w3c的表述很明确,第一句就说了,如果manifest文件不存在,浏览器对此页面的缓存将会失效。然而你以为对微信浏览器有用?naive。我亲测没有效果,但是有网友说有效。所以大家不妨一试,也许你恰好可以呢?毕竟,你面对的是微信浏览器这朵奇葩。 d,把入口文件放到后端来渲染返回,让后端对返回的index.html做版本操作或者hash处理等等方式;这个方式只是想了想,但是因为改变了我们的加载方式,预估影响不小,所以放弃了;有兴趣的同学可以尝试。 e,变更入口文件的名称,比如index1.html,下次更新就变成idnex2.html……;这个肯定是可行的,但是太奇葩,每次都要修改文件名,微信后台url配置也要更改。当时是实在没办法,真是各种想法都来了。

    真的是想尽办法,但是结果还是不如人意。拿来同层公司的项目过来看,发现他们的入口文件也是没有做版本号的,也没有hash值,但是为什么人家的就没有这个问题呢? 然后,在网上瞄到一句,说是他的同一个代码,部署到阿里云和新浪服务器的缓存表现并不一样。让我开始把目光从前端本身转移到了服务端:会不会是服务端配置有问题呢?nginx代理的这一层会不会是问题所在呢?

    F:设置nginx的缓存机制;直接将nginx的缓存设置成{expires-1;},设置成永远不缓存;如果没有nginx,其他apache什么的通用这个方法。

    到这里,缓存问题总算解决了!此刻知乎这句话才能表达我的心情:

    总之,微信的浏览器缓存之顽固,前所未见。给静态资源添加md5类型的版本号是根本办法;入口文件被缓存,首页是设置服务端的缓存机制,然后再结合我上述的某些方法,就应该能解决问题了。

    作者:jacques_迹远 链接:http://www.jianshu.com/p/cce9511c0914 來源:简书 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。


    展开全文
  • 微信浏览器

    2017-02-26 10:42:55
    微信浏览器
  • 微信浏览器踩坑集锦

    千次阅读 2017-04-05 17:15:18
    众所周知,微信浏览器(X5内核)被前端届称为移动端的“IE6”。最近发现自己的一个WebApp在微信下面出现一个坑爹的问题,所以想写一篇文章来总结一下自己在微信开发中所遇到的一些问题和解决办法,给自己和其它人...
  • 微信浏览器缓存问题

    千次阅读 2015-10-23 15:42:58
    微信浏览器是采用QQ浏览器的内核,可以在手动去清楚缓存,但是这对于用户来说不现实。 内置浏览器对html页面有相当严重缓存,而且还不能去清楚它,这就像以前去做一些单位项目的时候,必须要适应IE6的时候,通过...
  • 先给大家分析下微信浏览器上传图片bug的原因 微信在新版本中采用的是自己的X5内核浏览器,而在较老的版本中还有可能是安卓的原生浏览器。具体的环境我也不太了解,但是经过实际多台安卓机型的测试,我采取的方案可以...
  • 网页浏览器为什么要有缓存浏览器缓存(baiBrowser Caching)? 我们都知道,在浏览器中打开一个网址时会经过:URL 解析 -> DNS 查询 -> TCP 连接 -> 处理请求 -> 接受响应 -> 渲染页面等一系步骤后...
  • PC端微信浏览器js点击事件失效

    千次阅读 2019-01-09 14:39:20
    **电脑端微信浏览器js点击事件失效** 前段时间发现开发的一个微信公众号上一个按钮的点击事件在手机上是正常的,电脑端手机微信里却不起作用。在网上找了好久都没有找到解决办法。 后来查看其它的页面的同样的点击...
  • 外层html、body等设为不可滚动,ps:#app为vue项目基础DOM;.wx-pages为App.vue内部路由 html,body,#app,.wx-... padding: 0; margin: 0; height: 100%;... overflow: hidden;... -webkit-overflow-scrolling: touch;......
  • 微信浏览器上传图片bug的原因微信在新版本中采用的是自己的X5内核浏览器,而在较老的版本中还有可能是安卓的原生浏览器。具体的环境我也不太了解,但是经过实际多台安卓机型的测试,我采取的方案可以基本确保在安卓...
  • 做的小游戏在手机微信中打开测试和在UC浏览器中测试, 点击时候微信浏览器出现明显的卡顿现象, 查阅发现是: 主要是由于200ms超时导致内核不一定会一直处理touchmove事件,一旦超时会将后续所有的事件转交给UI处理...
  • 微信浏览器webview调试

    2015-12-13 12:29:39
    QQ浏览器提供微信调试的插件,本来应该是一件很值得高兴的事情,但是TX改不了一贯的作风,产品狗非要设计为强制设置默认浏览器且QQ所有链接都必须使用QQ浏览器打开,并且无法修改(老版本QQ可以设置)。 说实在的,...
  • 说到web前端,浏览器差异是不可回避的问题,这次的问题(知乎上的讨论)如下: 单页应用里整个页面只会在第一次完全刷新,后面只会局部刷新(一般不包括head及里面的title),所以无法在服务...
  • web// 最近遇到微信端的这个问题,很是让人头疼,正好有小伙伴和我聊到面试经验,灵机一动,《大事记》由此而生面试问题描述:后端在安卓系统的微信浏览器里面, 标签触发了 play() 事件,即开始播放以后浏...
  • 微信浏览器取消缓存方法大全

    千次阅读 2018-03-13 12:00:06
    一、添加版本号请求同一个页面的时候,如果url后面的参数不一样,则不会调用微信缓存中的html页面,由此可以解决html页面的缓存问题。例如加个版本号或时间戳a,传统的文件名后带参数的方式: index.js?v=20170705;b...
  • 微信浏览器内播放时,视频会自动全屏 如果每个视频都有一张自定义的图片作为封面,在显示视频的同时,如果没有给这个视频设置高度,视频的容器在安卓手机上会被视频的封面撑大到变形 解决办法: 给video标签...
  • [html] 如何解决微信浏览器视频点击自动全屏的问题? 1.1 页面内播放 X5内核视频在用户点击后默认会进入全屏播放,前端可以设置video的x5-playsinline属性来将视频限定于网页内部播放,这个默认还是使用的X5内核视频...
  • // 为什么叫《大事记》? // 以前总有面试官问这样一个问题:“你在项目中遇到过最头疼的问题是什么,是怎么解决的?” // 当时总觉得,已解决的...在安卓系统的微信浏览器里面,<video> 标签触发了 play(...
  • 最近遇到一个棘手的问题就是,已经上线半年的微信公众号支付项目突然在安卓手机显示白屏,刚开始通过抓包发现,每次公众号中的页面授权回调后就会白屏,手动刷新就会显示页面。 通过研究,其实在vue前端项目中,...
  • 微信浏览器touchmove事件卡顿问题

    千次阅读 2016-10-03 21:59:11
    由于公众号功能需要自己开发界面,遇到touchmove事件卡顿,最后在网上查...系统浏览器也存在同样的问题,为了解决开发者需要,建议开发者在touchstart时调用event.preventDefault,这样就可以保证内核会一起触发touch
  • iphone所有机型的qq浏览器,safari浏览器,微信内置浏览器(qq浏览器内核)等。 二. 异常现象: 1. 大幅度上下滑动h5页面,然后停止滑动,有时候会影响到页面滚动,如局部滚动条; 2. 大幅度上下滑动h5页面,页面...
  • html5 history微信浏览器返回不刷新

    万次阅读 2017-06-02 13:35:23
    History API与浏览器历史堆栈管理:移动端开发在某些场景中有着特殊需求,如为了提高用户体验和加快响应速度,常常在部分工程采用SPA架构。传统的单页应用基于url的hash值进行路由,这种实现不存在兼容性问题,但是...
  • 你们是否知道 ios版微信 和 android版微信 的内置浏览器内核是不一样的呢? android版微信内置浏览器(X5内核) 在安卓版微信内打开链接 http://debugx5.qq.com 拉到调试页面的最底端,勾选上所有的缓存项目,点击...
  • 需求,那在代码中怎样监听当点击微信、支付宝、百度糯米、百度钱包等app的返回按钮或者浏览器的上一页或后退按钮的事件呢。 我相信很多朋友像我一样,在百度、搜狗里面搜索很久都没找到方法。下面就来告诉...
  • 背景:最近做一个倒计时记录学习时长项目,需要在用户点击浏览器的返回按钮或者直接关闭浏览器,或者直接退出微信或者进入后台时记录下当前页面的进度,下次进去从上次退出的地方开始倒计时。一开始想的很简单直接...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 5,746
精华内容 2,298
关键字:

修改微信浏览器内核