--- title: "Chrome Extension" path: "Chrome Extension" --- {%hackmd @RintarouTW/About %} # Chrome Extension ## Menifest ## Content Script <center> ```graphviz digraph { node [shape=box style=filled color="#aabbcc"] "content script" -> "chrome.runtime" "document.createEvent" "background" -> "chrome.runtime" "embed script" -> "document.createEvent" } ``` </center> ## Background Script Life Cycle Config Management Communicate with Content Script and Browser(Badge/Tab) ## Browser ## Tab ## Badge ## Data Storage ###### tags: `chrome` `extension` `content_script`