調試那些事兒之PC端微信內置瀏覽器

1、前言

爲何要調試 PC 端微信內置瀏覽器呢？我的以爲緣由可能以下：html

一、用戶在電腦上的微信內置瀏覽器打開網頁，遇到了問題，開發就須要去排查問題web

二、查看公衆號網頁的代碼比較難查看，也不方便調試，只是抓包很難分析 API 請求，何況如今我還不會使用抓包軟件，暴露了chrome

三、有些公衆號需求強制在微信瀏覽器上打開瀏覽器

2、快速上手

第 1 步：查看微信內置瀏覽器版本服務器

新建一個 html 頁面，寫上下面的這些代碼，將那個 html 文件上傳到服務器上，而後在 PC 端上的微信瀏覽器訪問，查看微信所調用的 Chrome 內核信息&記錄 --resources-dir-path 的路徑。微信

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PC端 - 查看微信內置瀏覽器版本</title>
</head>
<body>
    <script> window.open("chrome://version"); </script>
</body>
</html>
複製代碼

貼心小棉襖都已經幫你弄好了那個線上連接：demo.polyv.net/oujiale/dem…markdown

打開網頁以後，你會看到下面這張圖片，留意下面這兩個位置的信息typecho

Chromium 53.0.2785.116
--resources-dir-path="C:\Users\lenovo\AppData\Roaming\Tencent\WeChat\All Users\CefResources\2581"
C:\Program Files (x86)\Tencent\WeChat\WeChat.exe，這個後面會用到，等下你就知道用處