Как отредактировать HTML-код веб-сайта, а затем сделать это при перезагрузке, но только для вас?

Question

Скажем, я использую веб-сайт очень часто, но мне не нравится определенный аспект дизайна, я, очевидно, не владею веб-сайтом, но мне не нравится приходить каждый раз, когда я загружаю страницу иотредактируйте HTML, я хотел бы иметь возможность сохранить HTML, и каждый раз, когда я открываю этот сайт, он должен автоматически заменять код, или он может запускать какой-то Javascript или что-то еще, или даже изменять некоторые CSS, это возможно иесли да, то как?

Answer 1

Самый простой способ сделать что-то вроде этого - установить менеджер пользовательских скриптов, например Tampermonkey .Затем вы можете создать сценарий пользователя для сайта, который изменит HTML-код на нужный вам, и (если вы правильно написали код) он будет автоматически запускаться при каждой загрузке сайта.

Например, из-за ошибки в CSS / Javascript Stack Exchange быстрый двойной щелчок по фрагменту при загрузке приводит к ошибкам, поэтому в настоящее время у меня есть следующий пользовательский сценарий, чтобы исправить это:

// ==UserScript==
// @name             Stack Snippet Modal Fixer
// @description      Prevents snippet double-clicking from breaking the snippet interface
// @author           CertainPerformance
// @version          1.0.0
// @include          /^https://(?:(?:(?:codereview|gamedev|codegolf|meta)\.)(?:[^/]+\.)?stackexchange\.com|(?:[^/]+\.)?stackoverflow\.com)/(?:questions/(?:\d|ask/)|posts/\d+/edit|review/(?:reopen|helper|low-quality-posts|suggested-edits)(?:/\d+|$))/
// @grant            none
// ==/UserScript==

document.body.appendChild(document.createElement('style')).textContent = `
.snippet-modal {
  pointer-events: auto !important;
}
`;

При этом используется Javascript для добавления тега <style> к документу, но вы также можете вносить любые другие изменения в документ (например, изменение HTML страницы или удаление правил стиля существующего встроенного * 1011).* и т. д.).

Единственными ограничениями для пользовательского сценария являются ограничения Javascript на странице, но большинство вещей, которые можно настроить, вероятно, можно достичь с помощью Javascript.

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

Answer 2

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

Для Chrome: https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=en

Для Firefox: https://addons.mozilla.org/en-GB/firefox/addon/styl-us/

Answer 3

Я думаю, что уже есть плагин, который делает именно это.Я им не пользуюсь, я только что вспомнил много лет назад и нашел его в магазине Chrome Extensions.Попробуйте:

гаечный ключ

Answer 4

Если вы заинтересованы в небольшой работе, вы можете написать расширение Google Chrome, чтобы выполнить то, что вы просите.Для начала взгляните на https://developer.chrome.com/extensions/getstarted.