  |
Za poslednú hodinu: 130 meraní | ||||
|
inzercia |
|||||
 
neprihlásený 
| Nedeľa, 12. januára 2025, dnes má meniny Ernest |
|
Nepáči sa Vám webová stránka? Zmeňte ju
Dnes si predstavíme jednoduché ale mimoriadne zaujímavé rozšírenie Firefoxu Greasemonkey dostupné aj pre Operu a Internet Explorer, ktoré dovoľuje užívateľom meniť si výzor, správanie a dopĺňať funkčnosť ľubovoľných prehliadačom prezeraných stránok. K dispozícii je obrovské množstvo hotových rozšírujúcich skriptov, navyše vytvorenie vlastného vyžaduje len minimálne znalosti JavaScriptu, ako si ukážeme na jednoduchom skripte rozširujúcom funkčnosť stránok DSL.sk.
GreasemonkeyRozšírenia jednotlivých stránok podporované Greasemonkey sú vo forme JavaScript skriptov, ktoré Greasemonkey pre v skripte nadefinované domény spustí tesne po načítaní stránky.Skripty od verzie 0.6.4 bežia v inom kontexte ako JavaScript priamo na stránke, k dokumentu stránky aj ku kontextu ale majú plný prístup a môžu ľubovoľne stránku pomocou DHTML meniť, dopĺňať a upravovať podobne ako originálne skripty priamo na stránke. Ako na toPre využívanie Greasemonkey je potrebné nainštalovať toto rozšírenie z jeho stránky, aktuálne vo verzii 0.6.5.20060727. K dispozícii je pre Firefox 1.5 aj pre testovacie verzie Firefoxu 2.0.Po nainštalovaní si je do rozšírenia možné doinštalovať skripty poskytujúce rozličné funkcie pre konkrétne stránky, rozsiahlu knižnicu skriptov je možné nájsť na stránke userscripts.org.
Po nasmerovaní prehliadača na skript určený pre Greasemonkey toto rozšírenie skript rozpozná, zobrazí na stránke lištu a umožní skript nainštalovať. Greasemonkey skript štandardne aktivuje na doménach definovaných v samotnom skripte, tieto je ale možné skontrolovať, obmedziť alebo zmeniť v nastaveniach Greasemonkey.
Vybrané skriptyPre Greasemonkey existuje v súčasnosti mnoho tisícov skriptov pridávajúcich na konkrétnych stránkach rozličné funkcie.Ako príklady si uvedieme tri skripty, pre doplnenie uložených vyhľadávaní do Gmailu, pre možnosť priameho sťahovania videa z YouTube, MySpace, Google Video a ďalších stránok a pre priame nasmerovanie výsledkov vyhľadávanie v Google Images na samotné obrázky.
Skript Gmail Saved Searches pridá do bežného rozhrania Gmailu konfigurovateľný box s preddefinovateľnými vyhľadávaniami, zároveň si pamätá posledné vyhľadávania. Funkcia tak nahrádza funkciu virtuálnych vyhľadávacích priečinkov z desktopových emailov, keď užívateľ nemusí vyhľadávania opakovať. V súčasnej verzii ale ukladá skript nastavenia užívateľa do cookie a tak nie sú prenositeľné na iný počítač. Skript je možné nájsť tu.
Skript Download Video pridá na stránkach služieb Google Video, YouTube a ďalších do stránky linku na priame stiahnutie videa, po kliknutí na ktorú je z Google Videa možné priamo sťahovať video vo formátoch AVI, MP4 a FLV, z YouTube vo formáte FLV. Skript je možné stiahnuť tu. Posledným vybraným skriptom je Google Image Relinker, ktorý vo výsledkoch vyhľadávania obrázkov na Google nalinkuje výsledky vyhľadávania priamo na samotný obrázok a nie na ďalšiu podstránku s náhľadom obrázku. Tento skript je možné stiahnuť tu. Upravujeme DSL.skVkladať do stránok skripty pomocou Greasemonkey je pomerne jednoduché, aj netriviálne úpravy je možné dosiahnuť základným javascriptom.Vytvorený skript s odporúčanou odkomentovanou hlavičkou s metainformáciami je potrebné uložiť do súboru s koncovkou .user.js a otvoriť vo Firefoxe. Po rozpoznaní a nainštalovaní je možné skript jednoduchšie debugovať otvorením a úpravami jeho aktuálne používanej verzie z nastavení Greasemonkey. Ako ukážku sme pripravili jednoduchý skript, ktorý na stránke DSL.sk zvýrazní aktuality nie staršie ako 24 hodín. Skript lokalizuje v DOM štruktúre stránky DIV s aktualitami, postupným parsovaním jeho HTML kódu porovnáva časy jednotlivých aktualít so súčasným časom a nie staršie ako 24 hodín zvýrazní červenou farbou. Pre zjednodušenie zvolené porovnanie nepracuje korektne v posledný respektíve prvý deň mesiaca.
day = new Date();
m = day.getDate() * 24 * 60 + day.getHours() * 60 + day.getMinutes();
p = document.getElementById("news_box");
t = p.innerHTML;
a = p.getElementsByTagName("a");
c = 0;
while (c < 10)
{
i1 = t.indexOf('</a>, '); t = t.substring(i1 + 6);
i2 = t.indexOf(', ');
d = t.substring(0,i2);
i0 = d.indexOf('.');
i1 = d.indexOf(' ');
i2 = d.indexOf(':');
k1 = d.substring(0,i0);
k2 = d.substring(i1 + 1,i2);
k3 = d.substring(i2 + 1);
m1 = k1 * 24 * 60 + k2 * 60 + k3 * 1;
if (m1 + 60 * 24 > m)
{
a[2 * c].innerHTML = "<font color=\"red\">"
+ a[2 * c].innerHTML + "</font>";
a[2 * c + 1].innerHTML = "<font color=\"red\">"
+ a[2 * c + 1].innerHTML + "</font>";
}
c++;
}
Telo skriptu pre označovanie aktuálnych správ Kompletný skript je možné stiahnuť a nainštalovať tu.
Bližšie informácií o písaní skriptov pre Greasemonkey je možné nájsť spolu s dokumentáciou jednoduchého API umožňujúcim napríklad aj ukladanie lokálnych dát na tejto stránke. Ostatné prehliadačeKompatibilné alebo podobné rozšírenia existujú aj pre Operu od verzie 8 a Internet Explorer 6. V prípade Opery je užívateľské skriptovanie podporované priamo Operou, viacej informácií je možné nájsť tu. Pre IE existujú väčšinou už neudržiavané rozšírenia GreasemonkeyIE, Trixie a Turnabout.
Navštevujete/používate nejakú web stránku, u ktorej by ste ocenili funkčné vylepšenia pravdepodobne dosiahnuteľné touto technológiou? (hlasov: 237)
Najnovšie články: Diskusia:
Pridať komentár | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
