08. 11. 2018 | Návody a tutoriály
V tomto krátkém tutoriálu Vám ukážu jak si nastavit Google Chrome s Tampermonkey rozšířením tak, aby bylo možné používat vlastní editor pro úpravu Vašich skriptů.
Čtete-li tento článek, pravděpodobně již víte co hledáte. Nebudu se tedy dlouze rozepisovat o tom, co, nebo k čemu Tampermonkey je, a přejdu rovnou k věci. Je neskutečně otravné psát a upravovat skripty v nativním Tampermonkey editoru. Proto Vám v následujících pár bodech popíšu jak a co kde nastavit, aby k psaní bylo možné používat jakýkoliv jiný editor.
Nejprve je však třeba přidělit Tampermonkey přístup k lokálním souborům. Vaše skripty jsou uložené mimo prohlížeč a bez tohoto oprávnění se k nim Tampermonkey nebude moci dostat. Přístup můžete přidělit následovně:
Poznámka pod čáru: Tohle nastavení nechcete zapínat pro kdejaké rozšíření. Z bezpečnostních důvodů je tato možnost v základu vypnuta. Jakmile je přístup k lokálním souborům povolen, můžeme pokračovat:
// ==UserScript==
// @name FirstScript
// @namespace http://tampermonkey.net/
// @version 0.1
// @description Log 'hello world' into console.
// @author You
// @match https://danieldusek.com/*
// @require utils.js
// @grant none
// ==/UserScript==
console.log('Hello world');
if (typeof logExternal === 'function') { // Function defined in utils.js
console.log('Hello from external file.');
} else { console.log('Unable to import utils.js'); }
// ==UserScript==
// @name FirstScript
// @namespace http://tampermonkey.net/
// @version 0.1
// @description Log 'hello world' into console.
// @author You
// @match https://danieldusek.com/*
// @require file://C:\Scripts\FirstScript\main.js
// @require file://C:\Scripts\FirstScript\utils.js
// @grant none
// ==/UserScript==
A to je vše. Soubor main.js (a ostatní, které používáte) nyní můžete upravovat v editoru dle Vaší volby - po uložení změn a znovunačtění stránky jsou změny okamžitě reflektovány.