大家好,

我是子不语。

今天跟大家分享的是0基础入门谷歌浏览器Chrome插件开发.

以下是我自己今天晚上刚测试成功的网页导航插件,

本来想等做的美观一点,再跟大家分享,

眼看大航海就要来了,提前分享一下我是如何入门的,希望能帮到一些生财有术的圈友。


虽然插件我用的比较666,但是对于插件开发是0基础,不知道什么是html,css等,一直觉得是比较高深的。

6月8号得知大航海有个google付费插件,很兴奋,但是又很担忧,自己听不懂怎么办,作为一个成年人,

先预习一下吧,补习一下知识。



一。寻找课程

淘宝,腾讯课堂,B站看了几个教程,B站的这个猿伙伴这个容易跟得上,

https://www.bilibili.com/video/BV1a64y187QR?spm_id_from=333.337.search-card.all.click

注意的是:建议先看到第二节,最多看到第三节,第四节不要看。

在这个阶段,不要管什么是html ,什么是manifest,照着抄代码就可以了。

只学习前3节,我们就能开发一个最简单的插件,安装到自己的浏览器,信心大增,原来如此简单。


二.恶补基础知识 html+css等

强烈推荐pink老师讲的课程,我一晚上看了20节。真正的保姆级教程。

https://www.bilibili.com/video/BV14J4114768?p=1&vd_source=9f98e54b77f0f15087f5fb60b87aa381


在这里我们主要学习的是什么是结构,什么是语法,如何使用。

这里不用看完,先看到第38节


三.实操


https://www.w3school.com.cn/index.html

这个网站有很多的基础知识

但是也提供了在线实操板块

左边输入代码,然后运行代码,右边显示运行结果。

不断在左边写不同的代码,在右边看结果。

同时在编辑器实操


在做的过程中,明明觉得自己做的是对的,但是结果不对,找不到错误的地方是最焦虑的,有时候就是一个符号的问题,遇到问题,建议冷静再冷静,仔细再仔细,逐行逐字符检查。


通过以上学习,实操,就能做出像我这样的比较简陋,但是实用的单机版插件了。


下一步继续回到B站

学习这个英语的谷歌开发插件教程,有汉语,不学习这个,猿伙伴哪个课程第四节会卡住,

在猿伙伴的插件课程第四节,会从桌面上导入一个jquery的文件,

但是他没有说这个东西是从哪里来的,友什么用,在下面这个英文课程中就讲了。

https://www.bilibili.com/video/BV12z411B7qo?spm_id_from=333.337.search-card.all.click&vd_source=9f98e54b77f0f15087f5fb60b87aa381


如果遇到其他问题,就百度和不断的尝试。

比如我学了列表,一行可以插入多个单元格,但是单元格怎么插入超级链接,

百度了一圈没有找到合适的答案,最后又看了pink老师的基础课程,不断组合,尝试了几次,就会了。


Google插件训练营还没开始,但是我已经感觉到收获满满。

我现在的目标就是做一个插件导航,如小北老师的导航网站,我的导航我做主。


人不逼自己一把,不知道自己还有大把的潜力可以开发。


以上小文,希望能给那些同样是0基础的圈友一点信心。

希望和大家在航海中有着更多的收获!


长风破浪会有时,直挂云帆济沧海


Comments on "0 基础入门谷歌浏览器 Chrome 插件开发" :

Leave a Reply

Your email address will not be published. Required fields are marked *

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。

对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源