Hromadné stahování obrázků: Save images, Firebug

Aktualizováno 6. února 2014 

V úvodním článku jsem se zmínil o pluginu do prohlížeče Mozilla Firefox zvaný Save images. Tento plugin vám umožňuje stáhnout obrázky, ale nejen to, umožňuje vám taky definovat pravidla přejmenování souboru. V tomto programu si můžete nastavit, které obrázky budou ze stránky stahovány. Můžete definovat podobu odkazu, který hledáte pomoci tzv. regulárního výrazu. Regulární výraz je zkratka, která slouží k vyhledání proměnlivých tvarů textových řetězců, ať už tím myslíme název souboru, název adresy, text, popisek apod. Jako příklad uvedu jeden z nejběžnějších regulárních výrazů, které lze použít když otvíráte soubor pod dialogovým oknem ve Windows. Do políčka pro název souboru napíšete *.jpg nebo *.txt podle toho jaký hledáte soubor. Zvolíte Otevřít nebo dáte Enter a zobrazí se vám pouze tyto soubory. Podobně když dáte obr*.jpg zobrazí se vám pouze ty obrázky, které začínají na text obr.

Nyní vám představím jak mám nastavený program Save images pokud si chci uložit obrázky z mapy.

Filters popisuje základní filtrování neboli hledání podle specifických vlastností obrazu a odkazu na obraz. Všimněte si, že jsem specifikoval i velikost souboru! Hledám soubor o rozměrech 256x256px. Takže nehrozí, že by mi program stáhl jiné obrázky. No není to skvělé?! Poslední položka je dlouhý název odkazu na obraz, respektive jeho proměnlivá forma definovaná regulárními výrazy. \d znamená digit (číslice) a {0,3} znamená že se může a nemusí opakovat maximálně třikrát. tečka {0,3} zase znamená že tam může být jakýkoliv znak o minimální délce 3 znaky a maximální délce 8 znaků. Konec není vidět, ale tak samo je to i u atributu z=nějaké číslo ... ještě to pokračuje. Musí se to přesně nadefinovat aby program naše daná čísla které jsem uvedl do závorek. To jsou čísla souřadnic a číslo LODu. Poznámka: Tvar odkazu se mohl změnit, takže nevím zda by dneska přesně seděl tak jak to bylo když jsem toto měl nastavené.

Zde nalezené číslice vkládám do názvu souboru. $číslo znamená že se mi tam dosadí obsah závorky z předchozí definice, viz první obrázek. Měli bychom dostat název souboru kde na začátku je sloupec neboli y, pak je tam podtržítko, pak řada neboli x. Ještě jednou opakuji, že číslice jsou přehozené kvůli přehlednému uspořádání v průzkumníku, když dáte zobrazit soubory podle koncovky. Poslední číslo je zoom.

Všimněte si první položky že jsem vypnul aby mi nevyskakovalo okno, pokaždé když zmáčknu zkratku na uložení souborů! Současně jsem zaškrtnul aby mi vyskakovali upozornění v pravé dolní části obrazovky.

A konečně poslední okno mi umožňuje, abych si nastavil zkratku ctrl+shift+s na příkaz ukládání souborů. Zmáčknete a soubory se automaticky uloží do složky kam ukládám obrázky. Ta by měla být nastavena ve Firefoxu: Možnosti/Obecné/Uložit všechny soubory do...

Soubor s přesným tvarem odkazů a regulárních bych mohl přidat příště. 

Poznámka: stahováním obrázků se můžete dopouštět porušováním autorských práv, takže jaké obrázky budete ukládat a následky z toho plynoucí to je na Vás. Doporučuji vám abyste se zachovali diskrétně a nešířili internetem návod na stahování takových obrázků, ani takto stažené obrázky pokud jsou pod copyrightem. Na příkladu výše jsem pouze vysvětlil jak pracovat s regulárními výrazy a s programem Save images, abyste si mohli pohodlně uložit obrázky ke svému osobnímu použití.

K získání přesného tvaru odkazu lze použít plugin Firebug, který si nainstalujete do prohlížeče Firefox. Jiné prohlížeče jako Opera mají taky nějaký vývojářský nástroj, kterým můžete prozkoumat tělo stránky a zjistit jaké odkazy v něm jsou uvedené. Pokud stránka hojně využívá javascriptu jako například stránka napsaná pomoci Google Javascript API v3, tak nestačí pouze prohlédnout zdrojový kód stránky protože po načtení stránky stále běží Javascript který plynule obnovuje vzhled stránky podle toho co zrovna děláte. Přesný návod na použití pluginu Firefox je nad rámec tohoto tutorialu. Řeknu jen, že po nainstalování a restartování prohlížeče musíte zmáčknout klávesu F12 nebo otevřít okno Firebugu z nabídky Nástroje. V okně vlevo nahoře je malá ikona se čtverečkem a šipkou kurzoru. Na to když klinete tak můžete začít prozkoumávat strukturu html dokumentu (DOM) a zjišťovat co na ní je. Můžete mazat prvky ze stránky a tak odstranit části, které překrývají obrázky. Někdy totiž vidíte obrázek ale přes něj je položený ještě jiný objekt, který musíte smazat, abyste mohli kliknout na obrázek samotný (tag img). Když najdete obrázek a kliknete na něj ve Firebugu se vám zobrazí adresa obrázku, na kterou kliknete a zkopírujete si ji.

Aktualizováno: 6.2.2014

Důležité: Maps Javascript API v3

Právě jsem sepsal dokument, který popisuje jak si jednoduše vytvořit jednoduchou html aplikaci (obsahuje Maps Javascript API v3. Pokud si zvládnete na googlu založit účet a projekt Google Maps Javascipt API v3, nakonfigurovat svoji IP adresu a nakonfigurovat ten plugin tak máte vyhráno. IP adresu zjistíte tak že na googlu zadáte hledat "my IP".

Soubor zde obsahuje přesné regulární výrazy jak jsem již naznačil výše.

To je tak zatím vše co potřebujete k získání zdrojů (dále už budu používat jen výraz "prohlížení zdrojů"). Prostě tím, že si prohlížíte mapku v této aplikaci se ty soubory také nahrávají vám do počítače.

Aktualizace:

Napsal jsem článek ve kterém vysvětluji jak získat odkaz, potřebný pro vytvoření regulárního výrazu, viz můj článek odkázaný výše. Firebug - nalezeni odkazu na zdroj