Как найти проституток для отображения javascript перед загрузкой страницы? (css, js injection перед просмотром)

Question

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

например: применять индивидуально javascript или css перед страницей, на которую вы запускаете событие onload on(); в значительной степени похожи на "прелоадер",

1.hide содержимое контейнера первым,

2.Дождитесь за все закончить загрузку

3.Apply CSS или JS на загруженном содержимом

4 .Настроим измененный контент.

, например, мы могли бы легко сделать CSS или JavaScript изменения на хромированной F12 консоли или инспектора, введя некоторые (взять JavaScript для например) $('img').css('visibility','hidden') , чтобы скрыть все изображения текущей страницы.

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

Answer 1

стилей
• INJECT с использованием stylish for chrome
• инъекционного JavaScript с использованием tampermonkey

Answer 2

@Shadow является первым пришли к предложенному расширению Firefox: Greasemonkey

поэтому я попытался его & только доля config здесь для вашей справки. работает нормально.

// ==UserScript== 
 
// @name  myscript 
 
// @namespace testscript 
 
// @description hideall images 
 
// @include  
 
// @version  1 
 
// @grant  none 
 
// ==/UserScript== 
 
var jq = document.createElement('script'); 
 
jq.src = "https://code.jquery.com/jquery.js"; 
 
document.getElementsByTagName('head')[0].appendChild(jq); 
 

 
$(window).load(function(){ 
 
    $('img').css('visibility','hidden'); 
 
}); 
 

стильный для хрома хорошо работает и его интерфейс очень чистый и удобный. для приведенного выше примера эффекта, css-инъекция нужно только установить одну строку img{ visibility:hidden; } для простого скрыть/показать модификацию как таковой, стильный - лучший инструмент для ее применения.

INJECT JavaScript tampermonkey работает аналогичные с светлячок Greasemonkey Спасибо за эти рекомендации. если вы хотите настроить более сложные средства управления инъекциями, используйте js-инжектор или вместе с инжектором css.