# lcs_ext_demos

**Repository Path**: lineuman/lcs_ext_demos

## Basic Information

- **Project Name**: lcs_ext_demos
- **Description**: 分享工作学习过程中编写的有趣的有用的或者无用的浏览器插件，持续更新，如果对你有帮助，欢迎你的star+订阅！
chrome extensions examples
---
2020-09-23因为长期没人看，准备关闭
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 2
- **Created**: 2024-09-15
- **Last Updated**: 2025-09-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Chrome-extension, 浏览器插件

## README



# lcs 的 chrome 插件集合

![star](https://gitee.com/lineuman/lcs_ext_demos/badge/star.svg)
![fork](https://gitee.com/lineuman/lcs_ext_demos/badge/fork.svg)


#### 安装

##### 1.克隆或下载压缩包
```
git clone https://gitee.com/lineuman/lcs_ext_demos.git
```



#### 功能总结
- [x] 1.  定时轮询接口(2024.09.15）
- [x] 2.  一键将浏览器书签导出到csv文件中
- [x] 3.  修改请求头Referer
- [x] 4.  获取浏览器cookie的
- [x] 5.  在网页上增加一个button
- [x] 6.  popup和background进行通信
- [x] 7.  在网页上显示域名
- [x] 8.  在网页上增加一个功能列表
- [x] 9.  popup中支持使用vue(后面想 content 也支持 vue)
- [x] 10. 使用vue开发一个浏览历史显示的功能
- [x] 11. 在网页上显示一个图标
- [x] 12. 获取server ip 
- [x] 13. 使用浏览器通知功能
- [x] 14. json里面的code检查
- [x] 15. svg代码预览器插件
- [ ] 16. remote debugger插件
- [x] 17. 标记页面中的 SVG 元素并添加下载按钮
- [x] 18. 自动滚动页面，可调节滚动速度
- [x] 19. 历史记录导出excel
- [x] 20. 网页截图工具
- [x] 21. 点击打开新页面并展示来源网站信息
- [x] 22. click tracker
- [x] 23. 聊天式笔记本
- [x] 24. 页面内容提取器
- [x] 25. 视频封面制作vue版
- [x] 26. 增加水平和垂直的定位线
- [x] 27. 悬浮选择器
- [x] 28. wxt框架demo
- [x] 29. svg gallery
- [x] 30. svg finder
- [x] 31. 发送http 请求




#### 部分页面截图

##### 接口轮训验证


![输入图片说明](pictures/image.png)

#### 一键将浏览器书签导出到 csv 文件中
![输入图片说明](pictures/002.png)

#### 修改 Referer 值
![输入图片说明](pictures/image003.png)


#### 获取浏览器 cookie
![输入图片说明](pictures/image004.png)

#### 通信
![输入图片说明](pictures/image006.png)

#### 在网页上显示域名
![输入图片说明](pictures/image007.png)

#### 增加功能列表
![输入图片说明](pictures/image008.png)


#### popup 支持 vue+element-puls
![输入图片说明](pictures/image009.png)

#### 浏览历史显示的功能)(WXT+VUE3)
![输入图片说明](pictures/image010.png)


#### 在网页上显示一个图标
![输入图片说明](pictures/image011.png)

#### 获取 server ip
![输入图片说明](pictures/image012.png)

#### 使用浏览器通知功能
![输入图片说明](pictures/image013.png)

#### json checker and notifications
![输入图片说明](pictures/image014.png)

#### 侧边栏聊天式笔记
![输入图片说明](pictures/image023.png)


#### 视频封面编辑器
![输入图片说明](pictures/image025.png)

#### 元素定位线
![输入图片说明](pictures/img026image.png)

#### wxt 框架开发浏览器插件
![输入图片说明](pictures/028image.png)

#### svg gallery
![输入图片说明](pictures/029image.png)

#### svg finder
![输入图片说明](pictures/030image.png)

#### http sender
![输入图片说明](pictures/031image.png)

![输入图片说明](pictures/031historyimage.png)