From 5d354dbc99ebd6891d870ab89c456d374f06ae04 Mon Sep 17 00:00:00 2001 From: Alvis Zhao Date: Sat, 22 Feb 2020 16:19:53 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0developer.chrome.com?= =?UTF-8?q?=E7=BD=91=E7=AB=99=E8=83=8C=E6=99=AF=E6=8D=A2=E8=82=A4=E6=95=99?= =?UTF-8?q?=E7=A8=8B=E5=8F=82=E8=80=83=E4=BB=A3=E7=A0=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 3 ++- extension/background.js | 19 +++++++++++++ extension/hello.html | 7 ----- extension/hello_extensions.png | Bin 319 -> 0 bytes extension/images/get_started128.png | Bin 0 -> 2816 bytes extension/images/get_started16.png | Bin 0 -> 495 bytes extension/images/get_started32.png | Bin 0 -> 814 bytes extension/images/get_started48.png | Bin 0 -> 1231 bytes extension/manifest.json | 40 +++++++++++++++++++--------- extension/options.html | 24 +++++++++++++++++ extension/options.js | 17 ++++++++++++ extension/pop.js | 17 ++++++++++++ extension/popup.html | 19 +++++++++++++ 13 files changed, 125 insertions(+), 21 deletions(-) create mode 100644 extension/background.js delete mode 100644 extension/hello.html delete mode 100644 extension/hello_extensions.png create mode 100644 extension/images/get_started128.png create mode 100644 extension/images/get_started16.png create mode 100644 extension/images/get_started32.png create mode 100644 extension/images/get_started48.png create mode 100644 extension/options.html create mode 100644 extension/options.js create mode 100644 extension/pop.js create mode 100644 extension/popup.html diff --git a/README.md b/README.md index 5e274b3..1e68ecf 100644 --- a/README.md +++ b/README.md @@ -10,4 +10,5 @@ ## 参考引用 -* [chrome extensions Getting Started Tutorial](https://developer.chrome.com/extensions/getstarted) \ No newline at end of file +* [chrome extensions Getting Started Tutorial](https://developer.chrome.com/extensions/getstarted) +* [360极速浏览器应用开放平台](http://open.chrome.360.cn/extension_dev/overview.html) \ No newline at end of file diff --git a/extension/background.js b/extension/background.js new file mode 100644 index 0000000..f773a32 --- /dev/null +++ b/extension/background.js @@ -0,0 +1,19 @@ +chrome.runtime.onInstalled.addListener(function() { + chrome.storage.sync.set({ color: "#3aa757" }, function() { + console.log("The color is green."); + }); + chrome.declarativeContent.onPageChanged.removeRules(undefined, function() { + chrome.declarativeContent.onPageChanged.addRules([ + { + conditions: [ + new chrome.declarativeContent.PageStateMatcher({ + pageUrl: {hostEquals: 'developer.chrome.com'} + }) + ], + actions: [ + new chrome.declarativeContent.ShowPageAction() + ] + } + ]) + }) +}) diff --git a/extension/hello.html b/extension/hello.html deleted file mode 100644 index 87f8cfc..0000000 --- a/extension/hello.html +++ /dev/null @@ -1,7 +0,0 @@ - - -

- hello extensions -

- - \ No newline at end of file diff --git a/extension/hello_extensions.png b/extension/hello_extensions.png deleted file mode 100644 index 63ea0d20a9da65f0c3ddc94318a60bda722b2eb8..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 319 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 literal 0 HcmV?d00001 diff --git a/extension/images/get_started32.png b/extension/images/get_started32.png new file mode 100644 index 0000000000000000000000000000000000000000..77152233a85eb4834ebbb36106282159e75f1337 GIT binary patch literal 814 zcmV+}1JV46P)~_VHC%IvsV{qU02gZG!e{~XbscS1eJo8EDJQm zFhvk55~V;XLZOH3A*h~$uqcQKdyxpDV0-f+i6BwI!tw$oq#3okx;s1WOb>QZyzK6{ zt>%>YtLy^0xeqHPh?R8~)RH*k zMp^bOW*Km0LUE#mKLAF<@|b-Hz!uD>0+k)a62r{#U9|V?mynHxvtv^ z-D6S%8|fYu07G^TI#K+W%A_RV^D5nyHFVbuAc!IhwawTM9^l;2t)HFdioUH_vH0;cNVfM$AoXB9aFf?D3mQ6Z$PMSpy{C> zue5RVbPvhA9$Dn(sjHaDAo=^<4gEu&0%gyB^wssWc83oB$GnnC>tjE1#%Uy5sdfNC z6w$S`)A3XeJNR;ljvg6bcBgg#xvYX$6LCy=6ip{(%A??ZZ(%;QL1PBWD{&9WoBAKP zhh!v2jWz()YSX;?se~Md%-&AUAV!4YN4MfIK^@4Its!eHx2}O##&G z6G)x9t_>hC&`;9L7%rz#Q}D_H6ZYW1y84IJ3xsQJ)a?#LEQQNyq$4j^Fgr=T(?(sP6}>^g;{%%of{K8ucrXRO sVz8$m*>A5K)NDzEiKRI~*y`)~FN@&$%M1luYybcN07*qoM6N<$g4-l}MF0Q* literal 0 HcmV?d00001 diff --git a/extension/images/get_started48.png b/extension/images/get_started48.png new file mode 100644 index 0000000000000000000000000000000000000000..94ddde9b35a3d70e95966d838a3948959465272f GIT binary patch literal 1231 zcmV;=1Tg!FP)Fbri=xz4z|6r5$Vp+A-XOEoCrSmo3{+#1ONL zgz3vBf(a!WBMM+fc&$T2Nv&-!fy2Y=IS@}e~dXVyOn0ldATkqhptvjJwz-Eu%P z0CU40c(N+)@jHrYd2D4R7u;9>zbB-N)@|9VI9T?={c|9d%`BVv;E84;?w@Dtug?)#jOj=E3z z9C(oKQ#u0C=ssluqSbxM0z|9(l+1xxbf0n&h*kHRM?fwuL$;UAc2;O3L&`{4_nH96 zrDaIl8pzyG34rT%m>U!K7JK$Qk=4M_r$6B<$2as`>AR!*pAN<4H(>zLnuGDx!gCxbQ`=kLFw`|3*zlBkcNXL;W2LDtZ zIL7Hxah_25;iMAd;a&9d`cBM7|#w}aPDz?$yvt#& zUQ-FLYt;rIT>C6PIux8PRkK~W^Lsz?qGeG>A!-28nnPBxjblSWO^+2$m&&k9C1`yv zxd3u$8B>8U{SF1K?buKVU3Nv1C1fk+vTI@bz)n{fqbWP8PioWvVcR1yZ&vZz@Yr;Y z37KottDw1imrkpCAQ6iRz@*nLOl=&4pQr&c&Yq^wDlP~>!GC^|+Lchpu4B&=V_Kbf zZKF+Ma^kP#M!?^HYWn4CwC@8vzD7d2^+R$2B3>_^GXvC=$eK>xo-bipEFj$IPJR+A z-JfI66S3!O7lo#3J%O8pL_8Oh4-h=}E1ok0yi%*zBp2!`WC|=Ig5zE7_5ok(n`Frf zEl(MfE}h0|1AgbHQLlbn01>a3+s#dsKNLwCM4?6GaJ_-4(c=hLKGeP@R-6uet#7fp zFha*}6V@d{LbCaIw~3JJB+|u~7p^N2=s$(0xsesZZ8~?GXxJ26UfA;`+IE^~tTqt1 z`ZdN&2N%9Cq&OXT_U%M|=6SZ)Z>PS(%y&bf>C$kHldE-!Kxw{6O^J*>PsH>0MU=B` z=wj@L&I^#;{!yG~;7jPUm$Id38Fdwl0GJ9!xI7ldtcL>2^zk61L{I{5BA#)~q8AF9 z5NV3qjV^O7Fftq9#^gAko$sDkR7;InJe-+3&+8|^H-YFEF=iN$g$yi9r<=KsTT`fE tm2uxq9PW_>;y%JJuHWwfrTgD){sr(yu)2 + + + + + + + Document + + +
+
+

Choose a different background color!

+
+ + + diff --git a/extension/options.js b/extension/options.js new file mode 100644 index 0000000..47732de --- /dev/null +++ b/extension/options.js @@ -0,0 +1,17 @@ +let page = document.getElementById('buttonDiv') +const kButtonColors = ['#3aa757', '#e8453c', '#f9bb2d', '#4688f1'] +function constructOptions(kButtonColors) { + for(let item of kButtonColors) { + let button = document.createElement('button') + button.style.backgroundColor = item + button.addEventListener('click', function(){ + chrome.storage.sync.set( { + color: item + },function () { + console.log('color is ' + item) + }) + }) + page.appendChild(button) + } +} +constructOptions(kButtonColors) \ No newline at end of file diff --git a/extension/pop.js b/extension/pop.js new file mode 100644 index 0000000..1e61fac --- /dev/null +++ b/extension/pop.js @@ -0,0 +1,17 @@ +let changeColor = document.getElementById('changeColor') +chrome.storage.sync.get('color', function(data) { + changeColor.style.backgroundColor = data.color + changeColor.setAttribute('value', data.color) +}) +changeColor.onclick = function(element) { + let color = element.target.value + chrome.tabs.query({ + active: true, + currentWindow: true + }, function(tabs) { + chrome.tabs.executeScript( + tabs[0].id, + {code: 'document.body.style.backgroundColor = "' + color + '";'} + ) + }) +} \ No newline at end of file diff --git a/extension/popup.html b/extension/popup.html new file mode 100644 index 0000000..29b12a2 --- /dev/null +++ b/extension/popup.html @@ -0,0 +1,19 @@ + + + + + + Document + + + + + + + \ No newline at end of file