Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Rozšírenia webových prehliadačov

Rozšírenia webových prehliadačov
by

Marek Chrenko

on 3 May 2010

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Rozšírenia webových prehliadačov

Rozšírenia webových prehliadačov Motivácia presun pozornosti z desktopových aplikácií
na internetové prehliadače užívatelia so špecifickými požiadavkami na browser rozšírenia dopĺňajú to, čo prehliadaču chýba Akým prehliadačom sa budeme venovať? Internet Explorer Safari Opera Chrome už od IE5 [1999]
inštalačný proces je ťažkopádny
popularita: 700 EN / 7 SK / 60 CZ pridanie položiek do kontextového menu
toolbary
explorer bary
Browser Helper Objects : objekty bežiace vnútri IEčka - poskytuje doplnkové služby, ktoré zväčša nemajú užívateľské rozhranie [napr. vyznačovanie html adries na stránke] Vývoj podľa Microsoftu Možnosti Internet Explorer BOOL RegisterComCat(CLSID clsid, CATID CatID)
{
ICatRegister *pcr;
HRESULT hr = S_OK ;
hr = CoCreateInstance(CLSID_StdComponentCategoriesMgr, NULL,
CLSCTX_INPROC_SERVER, IID_ICatRegister, (LPVOID*)&pcr);
Safari webkit
žiadna oficiálna podpora od Applu
popularita: extensionov nieje veľa, z dvoch zdrojov cca 50 [niektore platené]
tutoriály žiadne
Objektové C
Safari obsahuje veľa vstavanej funkcionality, ktorá je v iných prehliadačoch dostupná cez addony [RSS čitačky, web inspector]
1. pripojenie nášho kódu k safari [pomocou SIMBL]
2. class dump + následny patch triedy Keď to musí byť.. Opera webkit
podpora od Opery
výborne zdokumentované Unite Mail Link Dragonfly Turbo Widgets malé webové aplikácie, ktoré bežia na desktope
môžu vykonávať cross side HXR
obsahujú špeciálny widget objekt, ktorý im pridáva funkcionalitu
ukladajú na pevný disk [cookies, bez expiracie a viac miesta]
dragovateľné
transparentné časti widgetu nereaguju na evetny, tieto posielaju vyššie
žiadne zmeny UI, statusbarov, toolbarov Widget Vývoj Súbory technológie: html, css, js
zip premenovaný na .wgt widget config file: XML v roote
index dokument: základná časť widgetu
images, js, css: všetky vo vlastnom adresári config.xml
<?xml version='1.0' encoding='UTF-8'?>
<widget>
<widgetname>Widget name</widgetname>
<description>Demo widget.</description>
<width>200</width>
<height>200</height>
<author>
<name>Meno Autora</name>
<email>meno@autora.net</email>
</author>
<id>
<host>autora.net</host>
<name>WidgetName</name>
<revised>2010-05</revised>
</id>
<security>
<access>
<host>example.com</host>
<host>example.org</host>
<path>/good</path>
<port>2048-4906</port>
<port>80,1337</port>
</access>
</security>
</widget> Marek Chrenko 4.5.2010 Google Chrome oficiálna podpora od spoločnosti
uvedené v 09/2009
galéria doplnkov od 01/2010
aktuálne: 4300 doplnkov
technológie: html, js, css
výborne zdokumentované tutoriály a zdroje Google Chrome 2 základné kompoenty: browser/page actions
rozšírenia interagujú s prehliadačom: taby, bookmarky..
komunikácia Background page Popup page Content script Content script komunikácia Vývoj súbory:
1. manifest file
2. aspoň 1 html
3. podľa potreby js + css + pridružené súbory

distribúcia: zip premenovaný na .crx
chrome obsahuje konzolu/debugger manifest.json
{
"name": "Extension",
"version": "2.1",
"description": "Gets information from Google.",
"icons": { "128": "icon_128.png" },
"background_page": "bg.html",
"permissions": ["http://*.google.com/", "https://*.google.com/"],
"browser_action": {
"default_title": "",
"default_icon": "icon_19.png",
"popup": "popup.html"
}
} Mozilla Firefox oficiálna podpora od Mozilly
vlastný archív
popularita: 5000+ rozšírení
technológie: XUL + js
zložitá súborová štruktúra wizard na webe
zip premenovaný na .xpi
inštalácia prebieha kopírovaním adresára do profilu firefoxu
nemá vstavaný debugger
štruktúra adresara:
dir. defaults/preferences/defaults.js : pref("extName.key", "value");
dir. chrome/content/*.xul *.js
chrome.manifest
install.rdf Vývoj install.rdf
<?xml version="1.0"?>

<RDF xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:em="http://www.mozilla.org/2004/em-rdf#">
<Description about="urn:mozilla:install-manifest">
<em:id>testExtension@example.com</em:id>
<em:version>1.0</em:version>
<em:type>2</em:type>
<em:name>Status Bar Sample 1</em:name>
<em:description>Sample static status bar panel</em:description>
<em:creator>My Name</em:creator>
<em:homepageURL>http://developer.mozilla.org/en/docs/Creating_a_status_bar_extension</em:homepageURL>

<!-- Describe the Firefox versions we support -->
<em:targetApplication>
<Description>
<em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id>
<em:minVersion>1.5</em:minVersion>
<em:maxVersion>2.0.0.*</em:maxVersion>
</Description>
</em:targetApplication>
</Description>
</RDF> chrome.manifest
content testExtension chrome/content/ - registruje adresar na disku pre testExtension
# Firefox
overlaychrome://browser/content/browser.xul -
chrome://testExtension/content/testExtension.xul - ake XUL sa ma spustit hello.xul
<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE overlay >
<overlay id="status-bar-sample-1-overlay"
xmlns="http://example.com/there.is.only.xul">

<!-- Firefox -->
<statusbar id="status-bar">
<statusbarpanel id="testExt"
label="Hello World"
tooltiptext="Sample status bar test extension"
/>
</statusbar>
</overlay> Zdroje http://msdn.microsoft.com
http://www.ieaddons.com/
http://safariaddons.com/
http://pimpmysafari.com/
http://dev.opera.com/
http://widgets.opera.com/
http://www.chromeextensions.org/
https://chrome.google.com/extensions
https://developer.mozilla.org
https://addons.mozilla.org/
Full transcript