В браузере хром есть много плагинов, и этот мой любимый, потому что он решает много проблем в моей работе. Поверьте, наденьте его, и ваша работа станет намного проще.
- Когда бэкэнд не хочет создавать данные, я использую его
- Я использую его, когда данные, возвращаемые интерфейсом, не идеальны.
- При тестировании граничных значений я использую его
- Я использую его при воспроизведении ошибок
Кланг ~ лязг ~ лязг ~, лязг! этоajax-interceptor
- Как я узнал об этом?
Когда я только начал писать проект по разделению фронтенда и бэкенда, я встретил бэкенд-партнера, у которого был скверный характер, он всегда неохотно сотрудничал с созданием данных, поэтому у меня возникла идея написать ответ interceptor. , нашел этот плагин. Я использую этот плагин уже 2-3 года, и он мне очень нравится!
- эффект
Вы можете использовать этот плагин для изменения возвращаемых результатов запросов Ajax на странице.
Применение
-
Нажмите на адрес магазина Chrome выше, чтобы установить его напрямую.
-
Откройте плагин
- Введение в интерфейс
Свой интерфейс:
Модифицированный интерфейс:
- Посмотрите видеоинструкцию по использованию:
Вот пример изменения названия первой статьи в списке статей
Меры предосторожности
- Рекомендуется перезапустить браузер после первой установки или обновить нужную страницу.
- Когда вам не нужно использовать плагин, рекомендуется выключить переключатель (значок плагина становится серым), чтобы не влиять на нормальный просмотр страницы.
- Плагин изменяет возвращаемый результат только на уровне JS, то есть он изменяет только глобальный объект XMLHTTPRequest и возвращаемое значение в методе выборки, тем самым влияя на отображение страницы. И результаты возврата запроса, которые вы видите в сети chrome devtools, не изменятся.
Как изменить плагин, чтобы добавить функцию тега
Как старший пользователь, я думаю, что единственная плохая вещь заключается в том, что когда слишком много перехваченных запросов, не так просто различить каждый запрос на интерфейсе, вы должны нажать на URL-адрес, чтобы увидеть его, и вам нужна заметка или ярлык срочно.функция, так что я нахожуисходный код), я добавил один сам. В main.js в каталоге iframe найдите интерфейс:
Не забудьте изменить функцию обработки и функцию удаления.После модификации перестройте ее и добавьте в плагин Chrome. Окончательный интерфейс выглядит так:
Разве это не более интуитивно? Ха-ха.
tips
Я хотел бы поблагодарить своего коллегу из того года, я также сделал несколько колес и научился кое-чему для собственного удобства (разобрался в настройке nginx для решения проблемы обновления страницы 404, написал nodeServer для переадресации запросов для решения междоменной проблемы и т. д.).
Поняв, что могут делать плагины, я сам написал несколько простых небольших плагинов:
- Например, скрыть боковую панель и заголовок указанной страницы. Поскольку я не люблю смотреть рекламу и не хочу, чтобы люди, проходящие мимо, узнали, чем я занимаюсь, я написал это:
- Удивите день рождения своей второй половинки Установите для него плагин, и когда он впервые откроет браузер в свой день рождения, появится такой экран:
Если подумать, это очень романтично!
Расширения Chrome помогли мне работать и жить лучше, а главное почерпнули новые идеи для решения проблем. Посмотреть официальную документациюофициальная документация по расширениям chromeНачните свой путь разработки плагинов.
Помогать другим — значит помогать себе, и, конечно же, хорошим нужно делиться со всеми. Если у вас есть интересные идеи, пожалуйста, поделитесь ими со мной и делайте интересные вещи вместе! Надеюсь, статья сможет вам помочь. Следуйте за мной, и вы получите немного выгоды!
прекрасное знание
Встроенные фреймы снова недоступны? И эти вещи, которые вы не знаете
package-lock.json нужно зафиксировать в git?