🌐 Букмарклет для увеличения размера текстовых полей на веб-страницах
Я люблю букмарклеты - фрагменты кода JavaScript, которые вставляются в закладки браузера вместо URL. Пару раз писал про них в канале - см. #bookmarklet, и даже в блоге был один - для ускорения загрузки веб-страниц 😂
На сей раз я обратил внимание, что в TestRail (системе управления тестами) формы для шагов и ожидаемых результатов слишком маленькие. При выполнении тестового сценария их зачастую приходится прокручивать, чтобы увидеть текст целиком.
💡С помощью букмарклета можно одним щелчком мыши сделать сразу все текстовые поля больше!
Первую версию кода мне написал ChatGPT 😎 Я скормил ему задачу и название класса элемента HTML, а на выходе получил рабочий код вместе с инструкцией по применению. Однако вскоре выяснилось, что в TestRail надо также лечить формы на странице редактирования тестового сценария. Однако там у текстового поля другой класс. Чтобы не плодить букмарклеты, нужно было реализовать работу для нескольких классов одновременно. Тут мы с ИИ не справились, пришлось погуглить руками.
👉 Код из файла вставляйте в любую закладку на панели избранного. Затем жмите ее на странице, где требуется увеличить текстовое поле. Для теста я добавил класс gLFyf поисковой строки google.com.
• Чтобы определить класс текстового поля, ткните в него ПКМ и выберите из контекстного меню пункт Inspect. Свой класс добавляйте сюда:
document.querySelectorAll('.like-textarea, .form-control, .gLFyf')
• Чтобы изменить число добавляемых за раз строк, поиграйте с значением 72 в коде - увеличьте или уменьшите его.
Возможно, в каких то случаях это не сработает, и придётся модифицировать код. Это не беда. Главное - идея, а реализация - дело техники✌️