• Как тестировать верстку под разные браузеры и экраны?

    Apathetic
    @Apathetic
    Frontend
    1) Эмуляция мобильных устройств в devtools в хроме и firefox
    2) Эмуляция старых IE в Edge
    3) https://www.browserstack.com/

    Ну и регулярно вручную смотреть, где есть возможность, да.
    Ответ написан
    6 комментариев
  • Как узнать какие расширения Firefox изменяют код веб-страницы?

    zoonman
    @zoonman
    ⋆⋆⋆⋆⋆
    Firebug

    Смотрите, Firebug позволяет отследить изменения в коде страницы, во многих случаях плагины подключают какие-то ресурсы, часто внутренние. В данном случае это изображение скачивания.
    Путь содержит схему resource://, и первая часть совпадает с наименованием плагина.
    Ну а выяснить имя плагина дальше дело техники (это обычный архив, который распаковывается и оттуда вытягивается файл конфигурации).

    Screen-Shot-2015-01-02-at-9.17.34-AM.png

    Что делать, если html все равно портится, но внутренних ресурсов нет. Вам нужно найти фрагмент, который ломается, Firebug позволяет отслеживать изменения и ошибки.
    Screen-Shot-2015-01-02-at-9.33.11-AM.png
    Также есть консоль ошибок в браузере, через нее тоже можно подсмотреть.
    Еще вы можете отследить сетевые запросы на вкладке Net. "Левые" запросы достаточно несложно увидеть.
    Далее копируете установленные плагины в отдельную папку, распаковываете их все и ищите фрагмент адреса, куда отправлен запрос (find/grep). В каком-нибудь файле он наверняка будет обнаружен.
    За всю свою жизнь, Firebug у меня ломал только гугло-карты, и то, в режиме отладки скриптов. Обычно он выключен.
    А вообще рекомендую вам использовать 2 профиля в браузере, один для работы, другой для серфинга. Firefox разрешает это.
    Ответ написан
    1 комментарий