Как всегда добавлять стиль на одном сайте - PullRequest
0 голосов
/ 06 марта 2020

Я использую сайт на работе, у которого есть неупорядоченный список "ul" с большим количеством элементов "li" без границ, я хотел бы всегда выделять элементы "li" для лучшей читаемости. В данный момент я делаю щелчок правой кнопкой мыши на странице, открываю инспектор и добавляю следующую строку:

<style>li:hover {background-color: #ffff99;}</style>

Это работает, но мне интересно, могу ли я сделать плагин для этого или есть другой способ сделать это автоматически (я уже отправил запрос разработчику сайта, чтобы запросить это изменение, но пока я жду, я хотел бы знать, каков был бы лучший подход для автоматизации этой задачи)

Просмотр списка как это:

File.txt                                 85215165
File2.txt                                96312121
File3.txt                                41212123
File4.txt                                65623443
File5.txt                                69532055
... and so on

(Это не непрерывная строка, имя файла и номер являются элементами внутри одного элемента "li", и я не могу выделить их одновременно с помощью мыши )

И у него нет стиля, поэтому трудно (по крайней мере для меня) увидеть, какое число справа соответствует имени файла слева.

Примечание : Список генерируется с помощью скрипта, и когда я пытаюсь увидеть код страницы (щелкните правой кнопкой мыши, чтобы увидеть исходный код), я не вижу его, я просто вижу скрипт, поэтому я делаю это с инспектором

Ответы [ 2 ]

2 голосов
/ 06 марта 2020

Это может решить проблему:

Styli sh или Stylebot - Chrome плагины - похоже, оба Добавьте предпочитаемый CSS поверх указанных вами c веб-сайтов, которые вы выберете.

1 голос
/ 06 марта 2020

Вставьте это в консоль браузера, немного быстрее и проще, чем редактировать HTML теги из дерева на вкладке элемента проверки.

document.head.insertAdjacentHTML("beforeend", `<style>li:hover {background-color: #ffff99;}</style>`)
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...