随着微信的普及和微信公众号的营销日益增多,我们所面对的开发不再仅仅局限于传统的网站,微信开发也成为了我们程序猿的一项必修课程。
我们可以借助微信开发者工具进行微信小程序和微信公众号网页开发,但是在微信公众号网页开发过程中,对于页面设计和排版还是有一定的缺陷,比如通常我们刷新网页只需要按F5即可,而在微信开发者工具中需要使用Ctrl+R进行刷新,颇有不便。
我们可以通过浏览器的开发者工具设置浏览器的调试的HTTP_USER_AGENT来模拟微信内置浏览器,这样就可以使用我们习惯的浏览器进行开发。这里我通过PHP在微信开发者工具中获取了微信在iPhone和Android中的内置浏览器的HTTP_USER_AGENT。
iPhone 5
Mozilla/5.0 (iPhone; CPU iPhone OS 9_1 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13B143 Safari/601.1 wechatdevtools/1.01.170907 MicroMessenger/6.5.7 Language/zh_CN webview/{{webviewID}} webdebugger port/9974
iPhone 6
Mozilla/5.0 (iPhone; CPU iPhone OS 9_1 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13B143 Safari/601.1 wechatdevtools/1.01.170907 MicroMessenger/6.5.7 Language/zh_CN webview/{{webviewID}} webdebugger port/9974
iPhone 6 Plus
Mozilla/5.0 (iPhone; CPU iPhone OS 9_1 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13B143 Safari/601.1 wechatdevtools/1.01.170907 MicroMessenger/6.5.7 Language/zh_CN webview/{{webviewID}} webdebugger port/9974
iPhone 7
Mozilla/5.0 (iPhone; CPU iPhone OS 10_2 like Mac OS X) AppleWebKit/602.3.12 (KHTML, like Gecko) Mobile/14C92 Safari/601.1 wechatdevtools/1.01.170907 MicroMessenger/6.5.7 Language/zh_CN webview/{{webviewID}} webdebugger port/9974
iPhone 7 Plus
Mozilla/5.0 (iPhone; CPU iPhone OS 10_2 like Mac OS X) AppleWebKit/602.3.12 (KHTML, like Gecko) Mobile/14C92 Safari/601.1 wechatdevtools/1.01.170907 MicroMessenger/6.5.7 Language/zh_CN webview/{{webviewID}} webdebugger port/9974
Nexus 5
Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/48.0.2564.23 Mobile Safari/537.36 wechatdevtools/1.01.170907 MicroMessenger/6.5.7 webview/{{webviewID}} webdebugger port/9974
Nexus 5x
Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/48.0.2564.23 Mobile Safari/537.36 wechatdevtools/1.01.170907 MicroMessenger/6.5.7 webview/{{webviewID}} webdebugger port/9974
Nexus 6
Mozilla/5.0 (Linux; Android 5.1.1; Nexus 6 Build/LYZ28E) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/48.0.2564.23 Mobile Safari/537.36 wechatdevtools/1.01.170907 MicroMessenger/6.5.7 webview/{{webviewID}} webdebugger port/9974