Ky tutorial do t'ju ndihmojë të krijoni një mjedis të rehatshëm për zhvillimin e skripteve të përdoruesve Tampermonkey direkt në redaktorin tuaj.

Nëse po e lexoni këtë postim, me siguri tashmë e dini se çfarë po kërkoni dhe kështu do të vij drejt e në ndjekje. Redaktimi i skripteve Tampermonkey në redaktorin e tij të integruar është një dhimbje e pastër dhe unë do t'ju tregoj se si ta konfiguroni atë me redaktuesin e jashtëm që zgjidhni.

Përpara se të filloni, i jepni Tampermonkey qasje në skedarët lokal. Nuk është e mundur të bëhet kjo punë pa të. Ja si e bëni:

  1. Klikoni në ikonën vertikale me tre pika për të hapur menynë e Chrome.
  2. Mjete të tjera › Zgjerime › Tampermonkey › Detaje
  3. Lëvizni poshtë dhe aktivizoni Lejo qasjen në URL-të e skedarëve.

Vini re se kjo nuk është diçka që duhet ta bëni pa menduar me shtesa të tjera. Ka arsye sigurie që kjo të çaktivizohet si parazgjedhje.

Pasi të zgjidhet kjo, ne mund të vazhdojmë më tej:

1. Krijo dosje ku do të ruhet skripti i përdoruesit: C:\Scripts\FirstScript

2. Në dosje, krijoni skedarin kryesor të skriptit të përdoruesit: main.js dhe vendosni kodin tuaj duke përfshirë kokën e skriptit të përdoruesit brenda. Mund të duket kështu:

// ==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'); }​

3. Në Chrome, klikoni ikonën Tampermonkey dhe zgjidhni 'Krijo një skript të ri':

a. Hapet redaktori me kod të paragjeneruar. Fshij gjithçka.

b. Kopjo-ngjit vetëm titujt e skriptit të përdoruesit atje.

c. Shtoni direktivën @require për të përfshirë skedarin tuaj main.js, duke përdorur protokollin file:// dhe shtegun absolut të skedarit:

// ==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==​

d. Nëse keni ndonjë udhëzim tjetër @require, vendosni file:// + shtegun absolute përpara emrit të skedarit gjithashtu (shih utils.js em> skedar në copëzën e mëparshme të kodit).

4. Ruani dhe shkoni të ngarkoni vlerën e përputhjes së URL-së nga kreu i direktivës @match.

5. Kodi nga C:\Scripts\FirstScript\main.js duhet të ngarkohet dhe ekzekutohet.

Dhe ju keni mbaruar. Sa herë që tani e redaktoni dhe ruani skedarin në vendndodhjen e tij me redaktuesin e zgjedhjes suaj, zgjerimi Tampermonkey do të pasqyrojë ndryshimet pas ringarkimit.

Shënime shtesë që mund të jenë të rëndësishme për ju:

  • Në rast se jeni të interesuar të përdorni direktivën @require për të ndarë skriptin tuaj të përdoruesit në skedarë të shumtë, mund ta bëni këtë si zakonisht, por më pas duhet të përditësoni gjithashtu titujt e skriptit në Tampermonkey në përputhje me rrethanat.
  • Mos e emërtoni skedarin tuaj *.user.js (p.sh. jo main.user.js). Chrome do të ngatërrohet me ngarkimin e skedarit.

Botuar fillimisht në danieldusek.com.