Расширение Chrome: как создать?

Question

Я опытный в HTML и JavaScript, но никогда не делал (реального) расширения Chrome (кроме учебника «Hello World»).

Что я хочу сделать, это сделать расширение, которое добавит функции для просмотра изображений. В принципе, я хочу, чтобы загрузочный фрейм JavaScript загружался, когда вы переходите на страницу .jpg, .png, ect.

Я не мог много извлечь из учебника «Hello World» или Документов, и я посмотрел в коде из XML-дерева, но у меня возникают проблемы с пониманием его.

Я не знаю, куда идти отсюда.

Answer 1

С вашего опыта работы с JavaScript и HTML, расскажите, какой лучший источник?

---

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

---

Документация

выше ссылку (Chrome Extension Documentation) настолько прост, чтобы прочитать, как только вы получите повесить его. Например, я не знал JavaScript, когда я создал свое первое расширение Chrome (обновить все вкладки). Я рекомендую вам ознакомиться с документами (потребуется только час) и выполнить необходимые шаги.

1. Убедитесь, что вы понимаете различные UI, вы можете нажать на
   1. Browser Actions: Вы используете действия браузера поставить значки на главной панели инструментов Chrome.
   2. Context Menus: Вы используете контекстные меню для добавления элементов в контекстное меню Chromes.
   3. Desktop Notifications: Используйте уведомления на рабочем столе, чтобы уведомить пользователей о том, что что-то важно.
   4. Option Pages: Если вы хотите страницу параметров, это ваш парень!
   5. Page Actions: Если вы хотите переопределить некоторые страницы (New Tab, История, менеджер закладок)
2. Убедитесь, что вы вы понимаете, есть много браузеров взаимодействия, которые вы можете нажать на:
   1. Bookmarks: Доступ к вашим закладкам
   2. Cookies: Доступ к Кукам
   3. History: Доступ к истории
   4. Management: Доступ к управлению Extension
   5. Tabs: Доступ к Вкладкам
   6. Windows: Доступ к вашей Windows (который имеет вкладки).
3. Убедитесь, что вы понимаете разницу между Background Pages и Content Scripts и их ограничениями.
4. Убедитесь, что вы осознаете, что есть некоторые аккуратные функции в Chrome.* API.
5. Убедитесь, что вы понимаете permissions.
6. Много больше

145 Chrome Вопросы Я ответил на Stackoverflow

Если вы хотите больше примеров, я ответил many вопросы, касающиеся расширения Chrome, которые могут помочь вам начать работу (145+ Ответы на вопросы), для Например, вот некоторые из последних из них:

1. Content Script Skeleton
2. Send data from Background Page to Content Script
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
11. Walkthrough how to create a bubble overlay when you select text.
12. и т. Д. И 120 more answers для Chrome Extensions, это то, что я скопировал из результатов на первой странице. Таким образом, поиск в Google даст вам много результатов.

Реальное продление с открытым исходным кодом, я создал

Если вы хотите увидеть реальный исходный код расширений, которые я написал (некоторые из них очень малы, некоторые из них очень большой):

• Reload all tabs extension
• Open link in a foreground tab extension
• HTML5 Haptics Chrome extension
• Set Wallpaper extension
• Prayer times extension
• Facebook friend exporter extension
• Proxy Anywhere extension

Ресурсы

Если вы все еще хотите больше ресурсов, вы можете:

1. Прочитайте documentation.
2. Прочитано Official Chromium Extension Mailing list
3. Неофициальный интернет-ретранслятор # chromium-extensions на irc.freenode.Чистая
4. Google (Принесет вам Stackoverflow или Quora)

Я надеюсь, что это помогло!