Введение
Зачем отлаживать встроенный браузер WeChat на стороне ПК? Лично я думаю, что причины могут быть следующими:
1. Пользователь открывает веб-страницу во встроенном браузере WeChat на компьютере и сталкивается с проблемой, и разработке необходимо устранить проблему.
2. Трудно просматривать код официальной страницы аккаунта, не удобно отлаживать, но сложно анализировать API-запросы путем перехвата пакетов, к тому же я до сих пор не пользуюсь ПО для перехвата пакетов, которое выставляет
3. Некоторые официальные аккаунты нужно открывать принудительно в браузере WeChat.
2. Начните быстро
Шаг 1. Проверьте встроенную версию браузера WeChat.
Создайте новую html-страницу, напишите следующие коды, загрузите html-файл на сервер, а затем откройте браузер WeChat на ПК, чтобы просмотреть информацию о ядре Chrome, вызываемую WeChat, и записать путь --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.poly V.net/Это дом/…
После открытия веб-страницы вы увидите изображение ниже, обратите внимание на информацию двух позиций ниже
- 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, это будет использоваться позже, вы узнаете об использовании позже
Шаг 2: Скачайте devtools_resources.pak
Из-за разницы между версиями вам необходимо загрузить соответствующую версию devtools_resources.pak. Честно говоря, я не знаю, где его скачать, но я только что увидел, что в онлайн-ссылке есть моя соответствующая версия Chromium.
Если ваша версия Chromium 53.0.2785.116, как у меня, вы можете щелкнуть ссылку для скачивания, чтобы загрузить ее.CDN.fengyun.org/blog/typesuper…
Поместите devtools_resources.pak в указанный выше каталог --resources-dir-path.
Шаг 3. Настройте параметры запуска WeChat
В ярлыке WeChat щелкните правой кнопкой мыши «Свойства» и добавьте -remote-debugging-port=8000.
Примечание. Не забудьте перезапустить WeChat и войти в систему.
Шаг 4: Перед просмотром официальной учетной записи,Лучше всего также поместить pak-файл в каталог установки WeChat., потому что я не делал эту операцию, и тогда я не видел меню отладки, когда я щелкнул его правой кнопкой мыши. Это зависит от моих личных предпочтений. Если есть проблема, я могу сделать это снова.
Откройте официальную учетную запись (Сообщество разработчиков Nuggets), нажмите «Историческая статья», после открытия веб-страницы щелкните правой кнопкой мыши, вы найдете строку меню с большим количеством столбцов фреймов на картинке, нажмите «Показать DevTools», вы можете отлаживать счастливо.
3. Вопросы и ответы
Q1: Почему я не вижу "строку меню столбца рамки на картинке" при нажатии правой кнопки мыши?
A1: Вы также можете поместить pak-файл в каталог установки WeChat, попробуйте