Инструменты разработчика Chrome: что такое поддержка сниппетов?

начиная с версии 19, веб-инспектор Chrome имеет экспериментальную функцию под названием "Поддержка фрагментов". Вот как его активировать:




  1. откройте chrome: флаги, включите "эксперименты с инструментами разработчика", перезапустите.



  2. откройте веб-инспектор (инструменты разработчика), нажмите значок шестеренки настроек в правом нижнем углу, включите "поддержку фрагментов", перезапустите.



    enable snippets support




  3. Откройте панель Скрипты, нажмите кнопку "навигатор дерево" значок слева,и найти пустую вкладку фрагменты.



    snippets tab




мой вопрос: для чего я могу это использовать? Как я могу заполнить это фрагментами?

562   6  

6 ответов:

короче говоря, сниппеты-это многострочная консоль, итеративный рабочий процесс разработки JS и постоянное хранилище для общих помощников отладки.

developers.google.com/chrome-developer-tools/docs/authoring-development-workflow#snippets

некоторые фрагменты прецедентов могут помочь с:

  • букмарклеты - все ваши букмарклеты могут храниться в виде фрагментов, особенно тех, кого вы, возможно, пожелает изменить.
  • утилиты - отладочные помощники для взаимодействия с текущей страницей могут быть сохранены и отлажены. Доступен список таких утилит, курируемых сообществом.
  • отладка - сниппеты предлагают многострочную консоль с подсветкой синтаксиса и устойчивостью, что делает его удобным для отладки кода, который является более чем однострочным.
  • код исправления обезьяны - код, который вы хотите патч во время выполнения можно сделать через сниппеты, хотя много раз вы можете просто жить-редактировать код на вкладке Источники.

snippets screenshot

наконец, я лично собирал несколько общих фрагментов, которые вы можете включить в свой арсенал:github.com/paulirish/devtools-addons/wiki/Snippets

чтобы быстро запускать фрагменты, теперь вы можете это сделать. Ctrl-Shift-P для "палитры команд", затем backspace и использовать ! префикс, затем введите имя фрагмента, который вы хотите запустить.

enter image description here

84  
2017-08-04 20:15:19

Я спросил Пола Айриша, знает ли он что-нибудь об этом, он тоже не был уверен, но говорит, что это еще не полностью реализовано, и указал мне на трекер ошибок, я нашел голову авиабилет и глядя на некоторые из кода различия имеют много FIXME: To be implemented. комментарии.

12  
2012-05-08 16:53:35

щелкните правой кнопкой мыши, чтобы создать новый.

Chrome DevTools Snippets — New

9  
2012-11-12 14:34:03

поддержка фрагментов инструментов разработчика Chrome позволяет создавать/редактировать / сохранять и выполнять фрагменты кода javascript.

5  
2012-07-06 23:17:09

Я не могу активировать этот эксперимент сам (нет Developer Tools experiments в своем chrome:flags, но из Safari, я нашел этой объяснение:

из сообщения в блоге кажется, что он глючит в Safari, поэтому, возможно, Chrome еще не реализовал его.

3  
2012-12-28 12:22:05

вы можете найти список полезных фрагментов здесь http://bgrins.github.io/devtools-snippets/

одним из полезных фрагментов является ' jquerify.js' - используя это, вы можете включить jQuery на любую страницу, если она еще не включена.

3  
2013-08-19 12:49:05

Comments

    Ничего не найдено.
Click here to cancel reply.