Developer blog   Blog szalonych nerdy programmers

Chromium browser

Chromium to przeglądarka opensource rozwijająca się w oszałajamiącym tempie. Nie mówiąc już o narzędziach którymi tworzy się tą fajną przeglądarkę. Jak zapanować nad chaosem opensource? http://codereview.chromium.org .

Gdzie są info dla developerów Chromium? http://www.chromium.org/developers

Od chwili startu lekko ponad rok temu zostały wydane 4 wersje(aktualna to: 4.0.263.0(dev). Brakującą funkcjonalnością tej szybkiej przeglądarki była do niedawna brak obsług rozszerzeń znanych z przeglądarki Firefox. Ta sytuacja się zmieniła w ostatnich buildach Chromium.

Piszemy rozszerzenie(extension) do Chromium.

Należy korzystać ze świeżej instalacji z kanału dev Chromium, mogą być najlepiej nightly builds np stąd:

#mce_temp_url#

Po instalacji zabieramy się za tworzenie extension.

mkdir c:\extension

edytujemy plik manifestu

edit c:\extensions\manifest.json

{
"author" : "Marcin vi4m Kliks ",
"name": "Moje rozszerzenie",
"version": "1.0",
"description": "This extension allows you to do anything.",
"toolstrips": [
"strip.html"
],
"browser_action": {
"default_icon": "icon.png",
"popup" : "popup.html"
},
"permissions": [
"http://innastrona.org"
]
}

W katalogu tym wrzucamy jeszcze odpowiednio mała ikonę icon.png oraz pusty plik popup.html oraz pusty strip.html.  To wszystko – minalne rozszerzenie stworzone. Teraz uruchom chromium.exe następująco (modyfikacja skrótu w windows)

{PATH}\chromium.exe –enable-extensions –load-extension=”c:\extension”

Po restarcie przeglądarki widać załadowane rozszerzenie z ikoną blisko location bar

po kliknięciu wykona się kod z popup.html. Może to być dowolny kod xhtml+javascript.  Dodatkowo js ma dostęp do przestrzeni chrome.* które odpowiadają za api przeglądarki. Drugim bonusem jest możliwość wykonania cross site XHR, pod warunkiem że adres tej strony będzie zapisany w pliku manifestu w sekcji permissions – “http://innastrona.org” w naszym przypadku. Można zarejstrować dowolną ilość domen, ale muszą być wymienione jawnie. Trzeba przyznać, że Google jak zwykle proces tworzenia rozszerzeń uprościł do minimum.

Debugowanie rozszerzenia

Rozszerzenie debugować można w Developer Tools przeglądarki, należy tylko odwołać się do określonego adresu – np

chrome-extension://jikhaebpllfkfacdccmeonpkpfcnldna/popup.html

Adres ID extensions odczytamy z listy Opcje-Rozszrzenia.

Voila!.

Można debugować i programować rozszerzenia popup.html.

strip.html to analogiczny pasek html pojawiający się w dolnej części przeglądarki, ale wygląda na to, ze developerzy chromium już wycofali się z tej funkcjonalności – w nowych buildach nie widać tego stripa (paska).

Smacznego kodowania.