SlideShare una empresa de Scribd logo
1 de 84
Descargar para leer sin conexión
Firefox
by Tomoya Asai (aka. dynamis)
.(   ).
✴
    ✴
✴
    ✴
✴
    ✴
✴
    ✴
✴
    ✴
        .(   ).
✴
    ✴
✴
    ✴
✴
    ✴
✴
    ✴
        .(   ).
XUL + JS + CSS
XUL + JS + CSS
Jetpack: https://wiki.mozilla.org/Labs/Jetpack
HTML5
✴
    ✴




✴
    ✴
✴
    ✴
✴
    ✴
        .(   ).
firefox -P extdev   -P
firefox -P extdev   -P
firefox -P extdev   -P
http://support.mozilla.com/ja/kb/
about:config   Firefox
✴
    ✴
✴
    ✴




✴
    ✴
✴
    ✴
        .(   ).
1.
  •
2.
  •
3. install.rdf   chrome.manifest
  •
4.
  •
5.
  •
https://developer.mozilla.org/ja/Generating_GUIDs
(   )
http://support.mozilla.com/ja/kb/
sample@extdev.org/install.rdf




                                OK https://developer.mozilla.org/ja/Install.rdf
sample@extdev.org/install.rdf

   em:id         ID (            )
   em:version

                                       em:name         em:description



                                       em:creator        em:homepageURL




                                 em:minVersion           em:MaxVersion
                                             (                                  )
                                Firefox




                                     OK https://developer.mozilla.org/ja/Install.rdf
v(   )   (   )v
sample@extdev.org/chrome.manifest


• content/                       sample
     content    (                  )
    • chrome://sample/content/
•                       content
    • content           locale        (              )       skin         (
                    )             3

•                         sample (          ID           @                      )
•                         content/ (                         )
                                          https://developer.mozilla.org/ja/Chrome_Registration
sample@extdev.org/chrome.manifest
                                          /


• content/                       sample
     content    (                  )
    • chrome://sample/content/
•                       content
    • content           locale        (              )       skin         (
                    )             3

•                         sample (            ID         @                      )
•                         content/ (                         )
                                          https://developer.mozilla.org/ja/Chrome_Registration
sample@extdev.org/content/sample.xul
sample@extdev.org/content/sample.xul




   




sample@extdev.org/content/sample.js
chrome://sample/content/       index.html
chrome://sample/content/sample.xul
chrome://sample/content/       index.html
chrome://sample/content/sample.xul
https://developer.mozilla.org/ja/XUL/overlay, https://developer.mozilla.org/ja/XUL_Overlays
sample@extdev.org/chrome.manifest




                                    https://developer.mozilla.org/ja/Chrome_Registration
sample@extdev.org/chrome.manifest
         [       ]

                            classic/1.0


                                                                 chrome:// URL




                                          https://developer.mozilla.org/ja/Chrome_Registration
chrome://browser/content/browser.xul




sample@extdev.org/content/overlay.xul
chrome://browser/content/browser.xul


             toolbarpalett   toolbarbutton




sample@extdev.org/content/overlay.xul

   overlay




       ID
chrome://browser/content/browser.xul


             toolbarpalett   toolbarbutton




sample@extdev.org/content/overlay.xul

   overlay




       ID
chrome://browser/content/browser.xul




                                       https://developer.mozilla.org/ja/XUL_Tutorial/Overlays
chrome://browser/content/browser.xul




                                       https://developer.mozilla.org/ja/XUL_Tutorial/Overlays
chrome://browser/content/browser.xul




             ID




   overlay




                                       https://developer.mozilla.org/ja/XUL_Tutorial/Overlays
sample@extdev.org/content/overlay.xul





   
   




sample@extdev.org/skin/toolbar.css




                                        MDC
sample@extdev.org/content/overlay.xul



                               class    toolbarbutton-1


   
   




sample@extdev.org/skin/toolbar.css
                       2




                                        MDC
v(   )   (   )v
v(   )   (   )v
✴
    ✴
✴
    ✴
✴
    ✴




✴
    ✴
        .(   ).
https://developer.mozilla.org/ja/Chrome
https://developer.mozilla.org/ja/Chrome_Registration
content
✴
    ✴
✴
    ✴
✴
    ✴
✴
    ✴



        .(   ).
ZIP
https://developer.mozilla.org/ja/XPI
ZIP
ZIP
https://addons.mozilla.org/ja/firefox/
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction
Firefox ExtDev Introduction

Más contenido relacionado

Similar a Firefox ExtDev Introduction

Cliw - extension development
Cliw -  extension developmentCliw -  extension development
Cliw - extension development
vicccuu
 
Web browser extension development
Web browser extension developmentWeb browser extension development
Web browser extension development
alecsrusu
 
Front End Good Practices
Front End Good PracticesFront End Good Practices
Front End Good Practices
Hernan Mammana
 
Firefox Extension Development
Firefox Extension DevelopmentFirefox Extension Development
Firefox Extension Development
phamvanvung
 
Tuning web performance
Tuning web performanceTuning web performance
Tuning web performance
George Ang
 
Tuning Web Performance
Tuning Web PerformanceTuning Web Performance
Tuning Web Performance
Eric ShangKuan
 

Similar a Firefox ExtDev Introduction (20)

Browser Extensions for Web Hackers
Browser Extensions for Web HackersBrowser Extensions for Web Hackers
Browser Extensions for Web Hackers
 
Cliw - extension development
Cliw -  extension developmentCliw -  extension development
Cliw - extension development
 
Web browser extension development
Web browser extension developmentWeb browser extension development
Web browser extension development
 
Tornadoweb
TornadowebTornadoweb
Tornadoweb
 
Making Chrome Extension with AngularJS
Making Chrome Extension with AngularJSMaking Chrome Extension with AngularJS
Making Chrome Extension with AngularJS
 
Firefox Modding
Firefox ModdingFirefox Modding
Firefox Modding
 
Ext 0523
Ext 0523Ext 0523
Ext 0523
 
Cape Cod Web Technology Meetup - 3
Cape Cod Web Technology Meetup - 3Cape Cod Web Technology Meetup - 3
Cape Cod Web Technology Meetup - 3
 
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
 
Chrome Extensions for Web Hackers
Chrome Extensions for Web HackersChrome Extensions for Web Hackers
Chrome Extensions for Web Hackers
 
Front End Good Practices
Front End Good PracticesFront End Good Practices
Front End Good Practices
 
Dive Into Chrome-100119
Dive Into Chrome-100119Dive Into Chrome-100119
Dive Into Chrome-100119
 
Firefox Extension Development
Firefox Extension DevelopmentFirefox Extension Development
Firefox Extension Development
 
HTML5와 모바일
HTML5와 모바일HTML5와 모바일
HTML5와 모바일
 
Cascade
CascadeCascade
Cascade
 
Firefox addons
Firefox addonsFirefox addons
Firefox addons
 
Introduction to JavaScript
Introduction to JavaScriptIntroduction to JavaScript
Introduction to JavaScript
 
Tuning web performance
Tuning web performanceTuning web performance
Tuning web performance
 
Tuning Web Performance
Tuning Web PerformanceTuning Web Performance
Tuning Web Performance
 
从小书签到浏览器扩展的应用
从小书签到浏览器扩展的应用从小书签到浏览器扩展的应用
从小书签到浏览器扩展的应用
 

Más de dynamis

Más de dynamis (20)

HTTP and 5G (fixed1)
HTTP and 5G (fixed1)HTTP and 5G (fixed1)
HTTP and 5G (fixed1)
 
HTTP and 5G
HTTP and 5GHTTP and 5G
HTTP and 5G
 
HTTP and 5G partial draft
HTTP and 5G partial draftHTTP and 5G partial draft
HTTP and 5G partial draft
 
Web App Platform Strategy
Web App Platform StrategyWeb App Platform Strategy
Web App Platform Strategy
 
HTML5 & Renesas RZ/G
HTML5 & Renesas RZ/GHTML5 & Renesas RZ/G
HTML5 & Renesas RZ/G
 
Life of html5 (osaka)
Life of html5 (osaka)Life of html5 (osaka)
Life of html5 (osaka)
 
Web updates 2017
Web updates 2017Web updates 2017
Web updates 2017
 
Life of HTML5
Life of HTML5Life of HTML5
Life of HTML5
 
Browsers in IoT Era
Browsers in IoT EraBrowsers in IoT Era
Browsers in IoT Era
 
New Norm of HTML5
New Norm of HTML5New Norm of HTML5
New Norm of HTML5
 
Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
Edge Web Technologies and Browser Vendors (Updated on 2016/09/06)
 
OSC2016.Enterprise Lightnig Talk
OSC2016.Enterprise Lightnig TalkOSC2016.Enterprise Lightnig Talk
OSC2016.Enterprise Lightnig Talk
 
Demo for Gecko Embedded
Demo for Gecko EmbeddedDemo for Gecko Embedded
Demo for Gecko Embedded
 
Project Gecko Embedded
Project Gecko EmbeddedProject Gecko Embedded
Project Gecko Embedded
 
The New Norm of The Web
The New Norm of The WebThe New Norm of The Web
The New Norm of The Web
 
Progressive Mobile Web Apps
Progressive Mobile Web AppsProgressive Mobile Web Apps
Progressive Mobile Web Apps
 
Modern Mobile Web Apps
Modern Mobile Web AppsModern Mobile Web Apps
Modern Mobile Web Apps
 
Web Tech & Architecture
Web Tech & ArchitectureWeb Tech & Architecture
Web Tech & Architecture
 
Java script.trend(spec)
Java script.trend(spec)Java script.trend(spec)
Java script.trend(spec)
 
Data Privacy meeting
Data Privacy meetingData Privacy meeting
Data Privacy meeting
 

Último

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Último (20)

GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 

Firefox ExtDev Introduction