dify/third-party/chrome plug-in/README_CN.md
Charlie.Wei 306216dbe5
application embedded add chrome && ChatBot Chrome plugin update v1.5 (#1480)
Co-authored-by: luowei <glpat-EjySCyNjWiLqAED-YmwM>
Co-authored-by: crazywoola <427733928@qq.com>
2023-11-08 17:59:53 +08:00

33 lines
1.4 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

## Chrome Dify ChatBot插件
### 方式1Chrome插件商店 * [点击访问](https://chrome.google.com/webstore/detail/dify-chatbot/ceehdapohffmjmkdcifjofadiaoeggaf/related?hl=zh-CN&authuser=0) *
### 方式2本地开发者模式加载
- 进入Chrome浏览器管理扩展程序可直接访问 [chrome://extensions/](chrome://extensions/)
- 选择开启 “开发者模式”,并点击 “加载已解压的扩展程序”
![img-1.png](images/img-1.png)
- 然后打开插件源文件所在根目录
- third-party
- chrome plug-in
- content.js 浮动按钮JS脚本
- favicon.png 插件图标
- manifest.json 插件描述文件
- options.css 插件配置页面样式文件
- options.html 插件配置静态HTML页面
- options.js 插件配置JS脚本
### 插件导入完成后,后续配置无差异
- 创建Dify应用配置在应用概览中点击嵌入切换到安装Chrome浏览器扩展视图点击copy按钮获取ChatBot Url如图
![img-2.png](images/img-2.png)
- 点击保存,确认提示配置成功即可
![img-3.png](images/img-3.png)
- 保险起见重启浏览器确保所有分页刷新成功
- Chrome打开任意页面均可正常加载DIfy机器人浮动栏后续如需更换机器人只需要变更ChatBot Url即可
![img-4.png](images/img-4.png)