Chrome Uzantısı: Nasıl oluşturulur?

Question

HTML ve JavaScript'te deneyimliyim ancak hiçbir zaman (gerçek) bir Chrome Uzantısı ("Merhaba Dünya" öğreticisi dışında) yapmamıştım.

Yapmak istediklerim, görüntüleri görüntülemek için işlevsellik ekleyen bir uzantı oluşturmaktır. Temel olarak, bir .jpg, .png, vb. Sayfasına gittiğinizde yüklenecek bir JavaScript'i istiyorum.

"Merhaba Dünya" öğreticisinden veya Dokümanlar'dan pek yararlanamadım ve baktım. XML Ağacı gelen kodu, ama sorun o anlama yaşıyorum.

buradan nereye bilmiyorum.

Answer 1

JavaScript ve HTML'deki tecrübelerinizden beri, en iyi kaynağın ne olduğunu anlatın?

http://developer.chrome.com/extensions/getstarted.html

---

---

Yukarıdaki bağlantı (Krom Uzatma Belgeler) bunun bir asmak aldıktan sonra okumak çok basittir Belgeler. Örneğin, ilk Chrome Uzantımı oluşturduğumda (Tüm sekmeleri yeniden yükle) JavaScript bilmiyordum. Dokümanları okumanızı (yalnızca bir saat sürenizi) ve ihtiyacınız olan adımları izlemenizi öneririm.

1. emin farklı UI Diyelim ki
   1. Browser Actions için dokunabilirsiniz açıklasınlar: Ana Chrome araç simgeleri koymak için tarayıcı eylemlerini kullanır.
   2. Context Menus: Öğeleri, Chromes içerik menüsüne eklemek için içerik menülerini kullanırsınız.
   3. Desktop Notifications: Kullanıcılara önemli bir şey olduğunu bildirmek için masaüstü bildirimlerini kullanın.
   4. Option Pages: Bir seçenekler sayfası istiyorsan, bu senin adamın!
   5. Page Actions:
      1. Bookmarks: Belirli sayfaları (Yeni Sekme, Tarih, İmi Yöneticisi) geçersiz kılmak istiyorsanız
   6. sen içine dokunabilirsiniz birçok tarayıcı etkileşimleri vardır gerçekleştirmek emin olun: yer imlerine erişim
   7. Cookies: Çerezler
   erişim
   8. History: Tarih erişim
   9. Management: Windows için Erişim (Sekmeler sahip olan): En Sekmeler
   10. Windows Erişim:
   11. Tabs Uzatma Yönetimi
   erişim.
2. Background Pages ve Content Scripts arasındaki farkları ve sınırlamalarını anladığınızdan emin olun.
3. Chrome.* API'da bazı temiz işlevlerin bulunduğunu anladığınızdan emin olun.
4. permissions'u anladığınızdan emin olun.
5. Daha birçok

145 Krom Sorular için, Daha fazla örnek isterseniz, ben size (145+ Yanıtlanmış Sorular) başlamanıza yardımcı olabilecek bir Chrome Uzantısı ile ilgili many soruları bilen

Stackoverflow

üzerine cevap

1. Content Script Skeleton
2. Send data from Background Page to Content Script: örnek, burada daha yeni olanlar bazılarıdır
3. Communication with the embedding page, Simple fetching of the pages JS variable
4. Taking Screenshots in Chrome
5. Walkthrough building an extension
6. Executing JavaScript when a user clicks on a browser action.
7. How to capture selected text and send it to a web service
8. Walkthrough how to create an extension to access Disqus Comment Box
9. Walkthrough how to highlight the DIV that the mouse if hovering over
10. Walkthrough how to move to the top of the page extension
Chrome Uzantıları için Walkthrough how to create a bubble overlay when you select text.
11. vb. Ve 120 more answers, yukarıdaki ilk sayfadaki sonuçlardan kopyaladım. Dolayısıyla, Google’daki bir arama size çok fazla sonuç verecektir.
    • Reload all tabs extension
    :

Gerçek açık kaynak uzantısı ben

ben yazdım uzantılarının gerçek kaynak kodunu (bazı bazı süper büyük, süper küçük) görmek istiyorsanız

yarattı

Open link in a foreground tab extension

HTML5 Haptics Chrome extension

Set Wallpaper extension

Prayer times extension

Facebook friend exporter extension

Proxy Anywhere extension

Kaynaklar

hala daha fazla kaynak istiyorsanız

şunları yapabilirsiniz:

1. documentation okuyun.
2. Official Chromium Extension Mailing list öğesini okuyun
3. irc.freenode'deki resmi olmayan Internet Relay Chatroom # krom uzantıları.Net
4. tarihinde (Stackoverflow getirmek veya Quora Will)

bu yardımcı umut!