Обложка канала

Windows 11, 10, etc - Вадим Стеркин

10333 @sterkin_ru

Авторский канал. Windows 11, безопасность, мобильный мир: • тайное знание • профессиональный ликбез • гадание по логам • срыв покровов • доставка пруфов

Windows 11, 10, etc - Вадим Стеркин

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