精品-優(yōu)秀PPT課件--三七海淘_GDG

1、三七海淘三七海淘張一凡、王傳業(yè)、榮林張一凡、王傳業(yè)、榮林省時(shí)省力省錢(qián)到手價(jià)估算三七海淘省力新手引導(dǎo)&劃詞翻譯三七海淘省錢(qián)關(guān)注&降價(jià)提醒三七海淘省時(shí)省力自動(dòng)填寫(xiě)轉(zhuǎn)運(yùn)地址三七海淘Chrome擴(kuò)展開(kāi)發(fā)基礎(chǔ)Chrome擴(kuò)展開(kāi)發(fā)基礎(chǔ)結(jié)構(gòu)：三七海淘Chrome擴(kuò)展開(kāi)發(fā)基礎(chǔ) Manifest：https:/ Background pages：background: page: background.html”三七海淘Chrome擴(kuò)展開(kāi)發(fā)基礎(chǔ) Content scripts：content_scripts: matches: http:/*/*, https:/*/*,js: content.

2、js , css: css/三七海淘Chrome擴(kuò)展開(kāi)發(fā)基礎(chǔ) Browser action：browser_action: default_title: 三七海淘-海外購(gòu)物助手,default_icon: img/logo19.png,default_popup: popup.htmlchrome.browserAction.setBadgeText(text: hello);三七海淘Chrome擴(kuò)展開(kāi)發(fā)基礎(chǔ) Sandbox： sandbox: pages: tpl_三七海淘Chrome擴(kuò)展開(kāi)發(fā)基礎(chǔ) chrome.* APIshttps:/ chrome.extension.getURLchr

3、ome.extension.sendRequestchrome.extension.onRequest.addL三七海淘Chrome擴(kuò)展開(kāi)發(fā)基礎(chǔ) chrome.extension.getURLchrome.extension.getURL(css/style.css)web_accessible_resources: css/三七海淘Chrome擴(kuò)展開(kāi)發(fā)基礎(chǔ) background-image: url(chrome-extension:/_MSG_extension_id_/img/a.png);三七海淘Chrome擴(kuò)展開(kāi)發(fā)基礎(chǔ) chrome.extension.sendRequest(dat

4、a, callback) chrome.extension.onRequest.addListener(function(req, sender, sendResponse) var r = doSomethingWithReq(req);sendResponse(res: r);)三七海淘Chrome擴(kuò)展開(kāi)發(fā)基礎(chǔ)chrome.storage.sync.set(key: value, key1: value1, callback);chrome.storage.sync.get(key, function(r) var v = rkey;);chrome.storage.local.*三七海淘

5、Chrome擴(kuò)展開(kāi)發(fā)基礎(chǔ)調(diào)試三七海淘項(xiàng)目經(jīng)驗(yàn)分享項(xiàng)目經(jīng)驗(yàn)分享如何監(jiān)控頁(yè)面價(jià)格變化如何避免與頁(yè)面樣式的互相干擾三七海淘如何監(jiān)控價(jià)格變化舉個(gè)栗子：http:/ 1000);三七海淘如何監(jiān)控價(jià)格變化2、MutationObserver var observer = new MutationObserver(function(mutations) console.log(mutations););observer.observe(target, childList: true, attributes: true, characterData: true, subtree: true, attribut

6、eOldValue: true, characterDataOldValue: true, attributeFilter: value);三七海淘如何避免對(duì)原頁(yè)面的影響Shadow Dom什么是Shadow Dom？/hg/webcomponents/raw-file/57f8cfc4a7dc/explainer/index.html#shadow-dom-section “Shadow DOM是指瀏覽器的一種能力，它允許在文檔（document）渲染時(shí)插入一棵DOM元素子樹(shù)，但是這棵子樹(shù)不在主DOM樹(shù)中”三七海淘Shadow Dom看個(gè)栗子 三七海淘Shadow DomShadow Dom中的元素：不能被外部檢索不受外部樣式影響Shadow Dom中定義的樣式也不會(huì)影響外