Плагины Chrome и удаленная отладка WebView - PullRequest
Новая
       13

Плагины Chrome и удаленная отладка WebView

0 голосов
/ 26 августа 2018

Есть ли способ доступа к установленным плагинам Chrome при удаленной отладке WebView?Мой сценарий прост:

  • выберите устройство из: chrome: // inspect
  • когда в представлении удаленного отладчика инструментов dev появляется инструмент, я хотел бы использовать некоторые плагины ..в частности, плагин "PixelPerfect" (чтобы легко сравнить дизайн с реализацией).

В принципе, когда в режиме удаленного отладчика я не могу найти метод для доступа к плагинам Chrome, так как сам интерфейс Chrome скрыт.

Если это невозможно, может кто-нибудь придумать способ, с помощью которого можно легко сравнить реализованный WebView с макетом дизайна вместо ручной вставки изображений макета + CSS в HTML WebView (для эмуляции наложения ... чтоЯ в настоящее время делаю) или меня заставляют делать скриншоты и сравнивать, скажем, в Photoshop.

Спасибо: D

** РЕДАКТИРОВАТЬ **

AПара человек спросила меня, как я вручную «внедряю» макетные изображения ...

  1. Добавьте изображения, которые вы хотите наложить в само приложение (имеет смысл использовать какebugging на самом деле происходит на устройстве, а не на вашей локальной машине ...).В моем случае www / assets / imgs / mockup.png
  2. При отладке приложения в инструментах разработчика Chrome создайте фрагмент на вкладке «Источники» https://developers.google.com/web/tools/chrome-devtools/snippets
  3. Добавьте следующий код(при необходимости измените) и сохраните: 

debugImg = document.createElement('img');
debugImg.src = 'assets/imgs/mockup.png';
debugImg.style.cssText = 'position:absolute; top:0; left:0; opacity:.5;border:1px solid;';
debugImg.id = 'debug_img';
document.querySelector('body').appendChild(debugImg);

Вот второй быстрый фрагмент для его удаления: 

if (document.getElementById('debug_img')){
    document.getElementById('debug_img').remove();
}
...