Suche senden
Hochladen
20100915 學習撰寫 Google Chrome Extension
•
24 gefällt mir
•
7,375 views
Justin Lee
Folgen
Taipei Google Technology User Group於2010/9/15的Google Chrome Extension開發教學。
Weniger lesen
Mehr lesen
Technologie
Melden
Teilen
Melden
Teilen
1 von 39
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
Extensions are small software programs that can modify and enhance the functionality of the Chrome browser. Chrome extension can help you browse the web faster or even can increase your productivity. Here we guide how to develop a chrome extension. To develop a chrome extension, visit : http://www.total-toolbar.com/toolbar-development-solutions/extension/chrome-toolbar-extension/
A Complete Guide To Chrome Extension Development
A Complete Guide To Chrome Extension Development
Steven James
A presentation in 2nd Hong Kong Web Developers Meetup
Making Chrome Extension with AngularJS
Making Chrome Extension with AngularJS
Ben Lau
What are Chrome Extensions? What can you do? Explanation of Content scripts, Background pages and Popup Use Angular with CSP mode Build and distribute your app
Build your own Chrome Extension with AngularJS
Build your own Chrome Extension with AngularJS
flrent
Chrome Extension Develop Starts
Chrome Extension Develop Starts
taobao.com
structura generală a unei extensii pentru browser, cu precizarea caracteristicilor particulare pentru fiecare navigator Web în parte (Chrome, Firefox).
Browser extension
Browser extension
Cosmin Stefanache
'Browser Extension Development' has played an important role to improve user experience. It adds functionalities to the browser for better user experience. Here, We are going to introduce Browser Extension Development. For more information, Visit: www.total-toolbar.com
Introduction To Browser Extension Development
Introduction To Browser Extension Development
Steven James
My talk at the GTUG Philippines (now GDG Philippines) meetup last July 20, 2011
Introduction to Google Chrome Extensions Development
Introduction to Google Chrome Extensions Development
Jomar Tigcal
Chrome extnsion developments
Chrome extension development
Chrome extension development
Michal Haták
Empfohlen
Extensions are small software programs that can modify and enhance the functionality of the Chrome browser. Chrome extension can help you browse the web faster or even can increase your productivity. Here we guide how to develop a chrome extension. To develop a chrome extension, visit : http://www.total-toolbar.com/toolbar-development-solutions/extension/chrome-toolbar-extension/
A Complete Guide To Chrome Extension Development
A Complete Guide To Chrome Extension Development
Steven James
A presentation in 2nd Hong Kong Web Developers Meetup
Making Chrome Extension with AngularJS
Making Chrome Extension with AngularJS
Ben Lau
What are Chrome Extensions? What can you do? Explanation of Content scripts, Background pages and Popup Use Angular with CSP mode Build and distribute your app
Build your own Chrome Extension with AngularJS
Build your own Chrome Extension with AngularJS
flrent
Chrome Extension Develop Starts
Chrome Extension Develop Starts
taobao.com
structura generală a unei extensii pentru browser, cu precizarea caracteristicilor particulare pentru fiecare navigator Web în parte (Chrome, Firefox).
Browser extension
Browser extension
Cosmin Stefanache
'Browser Extension Development' has played an important role to improve user experience. It adds functionalities to the browser for better user experience. Here, We are going to introduce Browser Extension Development. For more information, Visit: www.total-toolbar.com
Introduction To Browser Extension Development
Introduction To Browser Extension Development
Steven James
My talk at the GTUG Philippines (now GDG Philippines) meetup last July 20, 2011
Introduction to Google Chrome Extensions Development
Introduction to Google Chrome Extensions Development
Jomar Tigcal
Chrome extnsion developments
Chrome extension development
Chrome extension development
Michal Haták
4/19 Generative AI 小聚 ft. HappyDesigner Meetup 這次演講當中我分享了我為了孩子的學習而做的幾個 AI 相關應用。
2023/04/19 學習中的AI 如何幫助孩子有效學習
2023/04/19 學習中的AI 如何幫助孩子有效學習
Justin Lee
就是愛台南 - 用APP串起旅行新體驗 https://apmobile.kktix.cc/events/love-tainan
2014/01/12 旅人的府城漫步
2014/01/12 旅人的府城漫步
Justin Lee
20130614 Titanium簡介@政大資科
20130614 Titanium簡介@政大資科
Justin Lee
在行動時代,各種裝置的使用情境已經比過去複雜的多。使用瀑布式的開發流程,已經無法滿足瞬息萬變的需求變更。因此我們必須在產品設計開發過程當中,使用各種類型的原型設計技巧,以更低的成本探索設計方案及技術可性性,以避免產品開發完成,上市後才發現不符合使用者的需求。
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I 加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I 加拿大人機介面技術發展與經驗分享
Justin Lee
在App或網站的開發流程當中,總有一些細節是必須由設計師與工程師的緊密配合才有辦法完成,比如<a>Amazon的選單設計</a>。而在探索某個頁面、操作的設計時,設計師會用紙筆畫草圖的方式來思考,而工程師則必須一一驗證這些設計的可行性或提出其他替代方案,而直接寫程式做prototype是最好的做法之一。我稱之為用程式碼「畫」草圖。
2013/05/19 Sketching with code@JSDC2013
2013/05/19 Sketching with code@JSDC2013
Justin Lee
簡單介紹Appcelerator Titanium這套跨平台行動應用框架,包含其運作原理、特色與開發工具。
[ICOS2013] Appcelerator Titanium簡介
[ICOS2013] Appcelerator Titanium簡介
Justin Lee
原型是網站或App開發過程當中,不可或缺的一項實用技巧。原型能夠讓我們用更少的成本、更短的時間,驗證某項設計的可行性,進而提高最終產品的品質。也能夠促進不同職能團隊成員間的溝通,避免想像與成果間的落差。本議程介紹基本的原型設計工具與其應用時機。
20130112用原型驅動設計@webconf
20130112用原型驅動設計@webconf
Justin Lee
App使用者經驗設計
App使用者經驗設計
Justin Lee
20120524 App開發流程與小工具分享@UI Cafe
20120524 App開發流程與小工具分享@UI Cafe
Justin Lee
這是我在Happy Designer Meetup 5演講的簡報。 內容包含Android 4.0在UI設計上的改變、設計訣竅與在Titanium Mobile內使用Javascript Module模擬ICS widget的方法。
2012/02/15 Android 4.0 UI Design Tips@happy designer meetup
2012/02/15 Android 4.0 UI Design Tips@happy designer meetup
Justin Lee
Android 4.0 UI Design Tips
Android 4.0 UI Design Tips
Justin Lee
UI於現階段與未來的應用趨勢
UI於現階段與未來的應用趨勢
Justin Lee
台灣使用者經驗高峰會 工作坊 D - App設計實戰:在開始寫程式之前 主持人: 李易修 Justin Lee 赫迅互動科技 使用者經驗架構師 UiGathering創會成員與工作小組理事 概要: 在 App 開發過程當中,我們往往過於急著開始寫程式,輕忽了 App 前期規劃的重要性,以至於功能與使用者介面無法滿足使用者期望與需要。本工作坊的目標在於讓學員了解設計的重要性與熟悉劇本法設計與動態草圖等設計方法。本工作坊的進行方式將由講師先介紹 App 前期規劃時要留意的事項,與可應用於實際開發時的設計方法,再讓學員分組實地演練,最後和大家分享設計。
2011/09/16 Taiwan UX Summit: App設計實戰:在開始寫程式之前
2011/09/16 Taiwan UX Summit: App設計實戰:在開始寫程式之前
Justin Lee
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
Justin Lee
Justin Lees's Talk on Microsoft Developer Day 2001 at TICC (http://www.bnext.com.tw/edm/2011Developer/index.html)
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
Justin Lee
20110525[Taipei GTUG] titanium mobile簡介
20110525[Taipei GTUG] titanium mobile簡介
Justin Lee
利用三隻小豬的故事介紹適合用於行動應用程式規劃的劇本法設計。
HP19 Mobile Design: 為行動使用者設計
HP19 Mobile Design: 為行動使用者設計
Justin Lee
用低科技探索設計空間
Sketching User Experience—Video Sketching
Sketching User Experience—Video Sketching
Justin Lee
Google DevFest 2010 Taipei: Local Demos #2 Justin Lee (李易修) speaked about his experience writing Google Maps Mashup and Chrome Extensions (including PlaceClipr, PrintMyMap, Fourlickr).
How I Use Google Technology to Enhance Travel Experience
How I Use Google Technology to Enhance Travel Experience
Justin Lee
談如何發展具有破壞力的創新構想
談如何發展具有破壞力的創新構想
Justin Lee
Weitere ähnliche Inhalte
Mehr von Justin Lee
4/19 Generative AI 小聚 ft. HappyDesigner Meetup 這次演講當中我分享了我為了孩子的學習而做的幾個 AI 相關應用。
2023/04/19 學習中的AI 如何幫助孩子有效學習
2023/04/19 學習中的AI 如何幫助孩子有效學習
Justin Lee
就是愛台南 - 用APP串起旅行新體驗 https://apmobile.kktix.cc/events/love-tainan
2014/01/12 旅人的府城漫步
2014/01/12 旅人的府城漫步
Justin Lee
20130614 Titanium簡介@政大資科
20130614 Titanium簡介@政大資科
Justin Lee
在行動時代,各種裝置的使用情境已經比過去複雜的多。使用瀑布式的開發流程,已經無法滿足瞬息萬變的需求變更。因此我們必須在產品設計開發過程當中,使用各種類型的原型設計技巧,以更低的成本探索設計方案及技術可性性,以避免產品開發完成,上市後才發現不符合使用者的需求。
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I 加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I 加拿大人機介面技術發展與經驗分享
Justin Lee
在App或網站的開發流程當中,總有一些細節是必須由設計師與工程師的緊密配合才有辦法完成,比如<a>Amazon的選單設計</a>。而在探索某個頁面、操作的設計時,設計師會用紙筆畫草圖的方式來思考,而工程師則必須一一驗證這些設計的可行性或提出其他替代方案,而直接寫程式做prototype是最好的做法之一。我稱之為用程式碼「畫」草圖。
2013/05/19 Sketching with code@JSDC2013
2013/05/19 Sketching with code@JSDC2013
Justin Lee
簡單介紹Appcelerator Titanium這套跨平台行動應用框架,包含其運作原理、特色與開發工具。
[ICOS2013] Appcelerator Titanium簡介
[ICOS2013] Appcelerator Titanium簡介
Justin Lee
原型是網站或App開發過程當中,不可或缺的一項實用技巧。原型能夠讓我們用更少的成本、更短的時間,驗證某項設計的可行性,進而提高最終產品的品質。也能夠促進不同職能團隊成員間的溝通,避免想像與成果間的落差。本議程介紹基本的原型設計工具與其應用時機。
20130112用原型驅動設計@webconf
20130112用原型驅動設計@webconf
Justin Lee
App使用者經驗設計
App使用者經驗設計
Justin Lee
20120524 App開發流程與小工具分享@UI Cafe
20120524 App開發流程與小工具分享@UI Cafe
Justin Lee
這是我在Happy Designer Meetup 5演講的簡報。 內容包含Android 4.0在UI設計上的改變、設計訣竅與在Titanium Mobile內使用Javascript Module模擬ICS widget的方法。
2012/02/15 Android 4.0 UI Design Tips@happy designer meetup
2012/02/15 Android 4.0 UI Design Tips@happy designer meetup
Justin Lee
Android 4.0 UI Design Tips
Android 4.0 UI Design Tips
Justin Lee
UI於現階段與未來的應用趨勢
UI於現階段與未來的應用趨勢
Justin Lee
台灣使用者經驗高峰會 工作坊 D - App設計實戰:在開始寫程式之前 主持人: 李易修 Justin Lee 赫迅互動科技 使用者經驗架構師 UiGathering創會成員與工作小組理事 概要: 在 App 開發過程當中,我們往往過於急著開始寫程式,輕忽了 App 前期規劃的重要性,以至於功能與使用者介面無法滿足使用者期望與需要。本工作坊的目標在於讓學員了解設計的重要性與熟悉劇本法設計與動態草圖等設計方法。本工作坊的進行方式將由講師先介紹 App 前期規劃時要留意的事項,與可應用於實際開發時的設計方法,再讓學員分組實地演練,最後和大家分享設計。
2011/09/16 Taiwan UX Summit: App設計實戰:在開始寫程式之前
2011/09/16 Taiwan UX Summit: App設計實戰:在開始寫程式之前
Justin Lee
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
Justin Lee
Justin Lees's Talk on Microsoft Developer Day 2001 at TICC (http://www.bnext.com.tw/edm/2011Developer/index.html)
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
Justin Lee
20110525[Taipei GTUG] titanium mobile簡介
20110525[Taipei GTUG] titanium mobile簡介
Justin Lee
利用三隻小豬的故事介紹適合用於行動應用程式規劃的劇本法設計。
HP19 Mobile Design: 為行動使用者設計
HP19 Mobile Design: 為行動使用者設計
Justin Lee
用低科技探索設計空間
Sketching User Experience—Video Sketching
Sketching User Experience—Video Sketching
Justin Lee
Google DevFest 2010 Taipei: Local Demos #2 Justin Lee (李易修) speaked about his experience writing Google Maps Mashup and Chrome Extensions (including PlaceClipr, PrintMyMap, Fourlickr).
How I Use Google Technology to Enhance Travel Experience
How I Use Google Technology to Enhance Travel Experience
Justin Lee
談如何發展具有破壞力的創新構想
談如何發展具有破壞力的創新構想
Justin Lee
Mehr von Justin Lee
(20)
2023/04/19 學習中的AI 如何幫助孩子有效學習
2023/04/19 學習中的AI 如何幫助孩子有效學習
2014/01/12 旅人的府城漫步
2014/01/12 旅人的府城漫步
20130614 Titanium簡介@政大資科
20130614 Titanium簡介@政大資科
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I 加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I 加拿大人機介面技術發展與經驗分享
2013/05/19 Sketching with code@JSDC2013
2013/05/19 Sketching with code@JSDC2013
[ICOS2013] Appcelerator Titanium簡介
[ICOS2013] Appcelerator Titanium簡介
20130112用原型驅動設計@webconf
20130112用原型驅動設計@webconf
App使用者經驗設計
App使用者經驗設計
20120524 App開發流程與小工具分享@UI Cafe
20120524 App開發流程與小工具分享@UI Cafe
2012/02/15 Android 4.0 UI Design Tips@happy designer meetup
2012/02/15 Android 4.0 UI Design Tips@happy designer meetup
Android 4.0 UI Design Tips
Android 4.0 UI Design Tips
UI於現階段與未來的應用趨勢
UI於現階段與未來的應用趨勢
2011/09/16 Taiwan UX Summit: App設計實戰:在開始寫程式之前
2011/09/16 Taiwan UX Summit: App設計實戰:在開始寫程式之前
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
20110525[Taipei GTUG] titanium mobile簡介
20110525[Taipei GTUG] titanium mobile簡介
HP19 Mobile Design: 為行動使用者設計
HP19 Mobile Design: 為行動使用者設計
Sketching User Experience—Video Sketching
Sketching User Experience—Video Sketching
How I Use Google Technology to Enhance Travel Experience
How I Use Google Technology to Enhance Travel Experience
談如何發展具有破壞力的創新構想
談如何發展具有破壞力的創新構想
20100915 學習撰寫 Google Chrome Extension
1.
2.
3.
• • • •
啓 •
4.
•
• • Javascript • • ( icon )
5.
6.
7.
8.
9.
10.
API •
• •
11.
API
12.
13.
Step1:
Browser Action UI
14.
Step2:
15.
16.
17.
18.
Step3:
19.
℉
20.
Step4:
21.
Step5:
popup
22.
23.
Step6:
popup
24.
Step7:
25.
26.
Step8:
(i18n)
27.
28.
29.
30.
Step9:
31.
Gallery
Jetzt herunterladen