​​🌐 Букмарклет для создания не зависящих от языка ссылок на ресурсы Microsoft

Когда вы открываете статью базы знаний или документации Microsoft, к ссылке добавляется идентификатор языка типа en-us или ru-ru. Он зависит от языка браузера, который может наследоваться из языковых настроек ОС.

У меня язык браузера английский, но в блоге и канале я пишу для русскоязычной аудитории. Поэтому идентификатор языка я вырезаю, чтобы страница открывалась на языке, который вы предпочитает.

(В скобках замечу, что нередко статьи переведены на русский с помощью Bing или отстают от английских версий, поэтому лучше читать их в оригинале. Но это уж ваш выбор.)

В какой-то момент меня утомило вырезать en-us руками и я сделал простенький букмарклет. Добавьте любой сайт на панель закладок и в свойствах закладки замените ссылку (URL) на код ниже.
javascript:void(prompt("URL:", window.location.toString().replace('/en-us','')))

При желании идею можно развить под другие ресурсы, в т.ч. с помощью регулярных выражений.

В идеале хотелось бы сразу копировать полученную ссылку в буфер обмена, но я рабочего способа не нашел. Если знаете его, поделитесь в чате!

Upd. В чате предложили пару вариантов, этот сработал 👍

#bookmarklet

🌐 Букмарклет для создания коротких ссылок на статьи базы знаний Microsoft (MSKB)

Я ранее публиковал #bookmarklet для создания не зависящих от языка ссылок на ресурсы Microsoft. Сегодня особая версия для статей MSKB 👌

Много лет у Microsoft было две платформы для статей поддержки - база статей по Office и MSKB по остальным продуктам. "Офисную" платформу выбрали в качестве объединенной базы статей, и осенью 2020 года Microsoft начала переносить статьи MSKB туда.

Это лишь часть происходящего, о прочих нюансах расскажу в другой раз. Сегодня речь о том, что короткие ссылки вида https://support.microsoft.com/kb/2534111 превратились в оооооооочень длинные - откройте эту в браузере и увидите. Особенно доставляет ссылка на русскую версию статьи с кириллицей в URL. Для полноты ощущений отправьте ее в Telegram, например 🙄

Ответственные за миграцию сотрудники Microsoft, руководствуясь только им понятной логикой, решили не включать в URL идентификатор статьи (2534111 в этом примере). Точнее, он попадает в URL, только если присутствует в названии статьи. Почему они пожалели места в ссылке для ИД из 6-7 символов, но втыкают туда GUID из 36, объяснить они не могут 🤦‍♂️

👉 Однако ИД указан в метаданных страницы, что можно использовать для букмарклета!

1. Перетащите на панель закладок любой URL, откройте свойства закладки, задайте желаемое имя и вставьте в поле адреса код:
javascript:void(prompt("URL:", ("https://support.microsoft.com/kb/").concat(document.querySelector('meta[name="awa-kb_id"]').content)))

2. Перейдите в любую статью MSKB. нажмите букмарклет на панели закладок. Появится диалог как на картинке.

3. Нажмите Ctrl+C.

4. PROFIT!
✌️

🌐 Букмарклет для увеличения размера текстовых полей на веб-страницах

Я люблю букмарклеты - фрагменты кода JavaScript, которые вставляются в закладки браузера вместо URL. Пару раз писал про них в канале - см. #bookmarklet, и даже в блоге был один - для ускорения загрузки веб-страниц 😂

На сей раз я обратил внимание, что в TestRail (системе управления тестами) формы для шагов и ожидаемых результатов слишком маленькие. При выполнении тестового сценария их зачастую приходится прокручивать, чтобы увидеть текст целиком.

💡С помощью букмарклета можно одним щелчком мыши сделать сразу все текстовые поля больше!

Первую версию кода мне написал ChatGPT 😎 Я скормил ему задачу и название класса элемента HTML, а на выходе получил рабочий код вместе с инструкцией по применению. Однако вскоре выяснилось, что в TestRail надо также лечить формы на странице редактирования тестового сценария. Однако там у текстового поля другой класс. Чтобы не плодить букмарклеты, нужно было реализовать работу для нескольких классов одновременно. Тут мы с ИИ не справились, пришлось погуглить руками.

👉 Код из файла вставляйте в любую закладку на панели избранного. Затем жмите ее на странице, где требуется увеличить текстовое поле. Для теста я добавил класс gLFyf поисковой строки google.com.

• Чтобы определить класс текстового поля, ткните в него ПКМ и выберите из контекстного меню пункт Inspect. Свой класс добавляйте сюда:
document.querySelectorAll('.like-textarea, .form-control, .gLFyf')

• Чтобы изменить число добавляемых за раз строк, поиграйте с значением 72 в коде - увеличьте или уменьшите его.

Возможно, в каких то случаях это не сработает, и придётся модифицировать код. Это не беда. Главное - идея, а реализация - дело техники✌️