有人找你解决一个小问题,你可能花几分钟编程,完美解决,但对方的计算机却没有程序运行的环境,有些老旧windows系统,甚至不能安装环境......想做到这些,你得先知道chrome的扩展的开发流程是什么!
?
chrome商店
我们要做这样一个小玩意儿:
?
动图_效果演示
什么是扩展:
可以简单把扩展理解为浏览器的插件....扩展的结构
从结构来看,扩展像是一个配置文件(manifest.json),加一个完整的网页(包括html, css , js, images)
?...,
// 定义运行扩展后默认打开的文件
"default_popup": "index.html"
}
}
写主程序(一个完整的网页):
其实就是写一个带有后台逻辑的网页...= the_menu;
// 更新按钮显示的文字,只是第一次起作用
btn.innerHTML = "换一个";
})
};
教程涉及到的资源我都通过百度网盘分享给大家