chrome扩展开发:[5]编写弹出窗口(popup)
1、popup文件可以简单到只有几行:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<style>
body {width:380px;}
</style>
</head>
<body>
<h1>我的第一个扩展</h1>
</body>
</html>
将其保存为 popup.html,放在test目录下
![chrome扩展开发:[5]编写弹出窗口(popup)](https://exp-picture.cdn.bcebos.com/c8373cbc7dc5cf674a78d8f28e96b814f5d026bf.jpg)
2、为了让窗口能够弹出,还需要修改下manifest文件,在browser_action --》default_popup类目下将弹出窗口的文件名填上
![chrome扩展开发:[5]编写弹出窗口(popup)](https://exp-picture.cdn.bcebos.com/ce26355fd5460596dc33f9643e03c8d247fe25bf.jpg)
3、打开扩展页面,然后点击“重新加载”链接,使刚才的更改生效
![chrome扩展开发:[5]编写弹出窗口(popup)](https://exp-picture.cdn.bcebos.com/f591ab03c8d246fe2e69cf37b8bf3bef344f1ebf.jpg)
4、点击浏览器右上角的图标,窗口弹出来了吧
![chrome扩展开发:[5]编写弹出窗口(popup)](https://exp-picture.cdn.bcebos.com/340e4eb8b43ea8db266df786189c2cf7deb216bf.jpg)
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:79
阅读量:96
阅读量:41
阅读量:194
阅读量:109