跟我一起写一个chrome扩展程序

在我没有看这本书之前，我都想象不到，原来chrome扩展程序可以这样写，真的非常有意思。
就是用最简单最基础的代码，然后就实现了一些非常有意思的玩意儿。
先看效果图

实际运用要和现实联系在一起，经历和知识的体系不断的关联，才不会忘记学习的知识如果在现实工作中没有用到，就会淡忘它。经历要达到一定的程度，项目要达到一定的阶段

这个就是一个很简单的例子，当我们输入facebook网站，就会弹出一个弹框，然后我们输入名字，这个网站就会被我们输入的名字所代替。
这个网站换成随便什么网站都是可以的。接下来我们来实现这个small扩展程序吧。
新建文件夹写入如下文件

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>for devTools</title><meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<script src="./kittenbook.js"></script>
</body>
</html>

var userName=prompt('Hello,what\syour name');
document.body.innerHTML='hello'+userName+'!';

{"manifest_version":2,"name":"kittenbook","description":"replace photos on facebook with kittens","version":"0.0.1","content_scripts":[{"matches":["*://www.facebook.com/*"],"js":["kittenbook.js"]}]
}

接下来将我们的小demo变成chrome扩展程序吧

这个非常有意思的小demo是我从learning to program 一路编程这本书上看到的。
其实用一些很简单的代码就可以实现一些很有意思的玩意儿。

转载于:https://www.cnblogs.com/smart-girl/p/11134372.html

跟我一起写一个chrome扩展程序相关推荐

chrome扩展crx构建_如何构建您的第一个Chrome扩展程序
chrome扩展crx构建 "Sit up straight!" my mom used to yell at me when I am fixated on my laptop ...
Day 29：编写你的第一个 Google Chrome 扩展程序
今天的<30天学习30种新技术>,我决定去学习如何写一个 Chrome 扩展程序.在做了一些搜索之后,我发现一个 Yeoman 生成器可以用来写 Chrome 扩展程序.我们在这篇要写的扩 ...
chrome扩展程序中引入jquery
最近想写一个chrome扩展程序,需要在chrome扩展程序中引入jquery. 网上搜索了一下,大部分都是这么说的,在manifest.json中加入以下代码, "content_scri ...
Google Chrome 扩展程序开发
根据公司的规定,每月八小时,弹性工作制.所以大家平时来的不太准时,如果有事,下班也就早些回去了.所以一个月下来工作时间可能不够,但是公司的考勤日历是这样的: 除了请假和法定节假日外,其他样式显示都是一 ...
提高我们微博互粉的效率，使用一键关注Chrome扩展程序
2016-11-28日更新:解决部分页面无法自动关注的问题 2014-10-28日更新:修复由于微博版本更新造成的不能翻页的问题! 2013.6.28日更新:新浪更改了HTML,造成插件不能自动翻页! ...
chrome扩展程序科学_5 Chrome扩展程序可简化您作为数据科学家的生活
chrome扩展程序科学 Chrome extensions are fantastic, useful species of software that you can add to your Ch ...
trello_如何构建Trello Chrome扩展程序-API身份验证
trello 在SitePoint,我们广泛使用Trello. 当然,它有其独特之处,可以在各个领域使用一两个改进,但是在大多数情况下,它彻底改变了工作人员,作者及其编辑的协作经验. 我最近发现自己需 ...
如何构建Trello Chrome扩展程序-API身份验证
在SitePoint,我们广泛使用Trello. 当然,它有其独特之处,可以在各个领域使用一两个改进,但是在大多数情况下,它彻底改变了工作人员,作者及其编辑的协作经验. 我最近发现自己需要从非会员的特 ...
推荐一个有趣的Chrome扩展程序-查看任意网站的开发技术栈
对于前端开发人员来说,目前的前端框架层出不穷,最受欢迎的莫过于所谓的前端框架三驾马车:Angular, React和Vue.在学习的过程中,肯定好奇现在的互联网公司的网站用的何种前端框架来开发的. C ...

跟我一起写一个chrome扩展程序

跟我一起写一个chrome扩展程序相关推荐

最新文章

热门文章