dify_chrome_extensions

谷歌插件，本意是主用于dify URL显示 也可用于其他支持iframe的url

谷歌扩展使用

chrome://extensions/ load unpacked 选中dify_chrome_extensions 确定即可 刷新页面 插件点击URL窗口查看器 添加自己的URL 例如：

豆包__https://www.doubao.com,百度翻译__https://fanyi.baidu.com/

多个地址用英文逗号分隔，首次安装需要重新启动浏览器 页面加载完成后 在右下角显示图标 点击就可使用了

URL查看器 Chrome扩展

这个Chrome扩展允许用户保存URL并通过两种方式查看该URL的内容：

1. 点击浏览器工具栏图标
2. 使用网页右下角的浮动图标

功能

• 保存带有名称的URL链接
• 通过下拉菜单选择和查看保存的URL
• 支持添加和删除URL
• 在弹出窗口中直接查看网页内容
• 提供浮动图标快速访问

安装方法

开发模式安装

1. 下载或克隆本仓库到本地
2. 打开Chrome浏览器，输入 chrome://extensions/
3. 打开右上角的"开发者模式"
4. 点击"加载已解压的扩展程序"
5. 选择本仓库所在的文件夹

发布到Chrome网上应用店

如果您想将此扩展发布到Chrome网上应用店，请按照以下步骤操作：

1. 准备打包文件

   • 确保所有文件都已完成并正确配置
   • 创建一个包含所有必要文件的ZIP压缩包
   • 准备至少一张128x128像素的图标和几张截图

2. 注册开发者账号

   • 访问 Chrome开发者控制台
   • 支付一次性开发者注册费（$5.00 USD）

3. 上传您的扩展

   • 在开发者控制台点击"新项目"按钮
   • 上传您准备好的ZIP文件
   • 填写扩展的详细信息（名称、描述、分类等）
   • 上传图标和截图
   • 设置价格和分发国家/地区

4. 发布过程

   • 提交扩展审核（通常需要几天时间）
   • 审核通过后，您的扩展将出现在Chrome网上应用店
   • 您可以随时更新扩展的新版本

5. 维护与更新

   • 通过开发者控制台监控使用情况和反馈
   • 定期更新扩展以修复问题或添加新功能

使用方法

1. 安装扩展后，点击Chrome工具栏中的扩展图标
2. 输入URL（格式为"名称__URL"，例如：翻译__https://translate.google.com）
3. 点击"添加URL"按钮保存
4. 从下拉菜单中选择要查看的URL
5. 点击"查看"按钮在内嵌框架中打开该URL
6. 需要删除URL时，选择它并点击"移除URL"按钮

浮动图标访问方式

访问任何网页时，右下角会显示一个浮动图标。点击该图标可以访问相同的URL管理和查看功能。

注意事项

• 某些网站可能因安全策略而无法在内嵌框架中显示
• 请确保URL格式正确，必须包含协议前缀（如https://）
• 添加URL时请使用正确的格式：名称__URL

开发者工具

此扩展还提供开发者工具面板，可以在DevTools中使用：

1. 打开Chrome开发者工具（F12或右键菜单中的"检查"）
2. 切换到"URL查看器"选项卡
3. 使用开发者面板管理URLs或重新加载内容脚本

开发贡献

1. 打开Chrome浏览器，进入 chrome://extensions/
2. 开启右上角的"开发者模式"
3. 点击"加载已解压的扩展程序"
4. 选择此项目文件夹

图标准备

在安装扩展前，您需要在images文件夹中放入以下图标文件：

• icon16.png (16×16像素)
• icon48.png (48×48像素)
• icon128.png (128×128像素)

您可以使用任何图像编辑工具创建这些图标，或从网上下载适合的图标并重命名。

使用方法

方法一：通过浏览器工具栏图标

1. 点击浏览器工具栏中的扩展图标
2. 在输入框中输入需要查看的URL (例如：demo__https://www.example.com)
3. 点击"保存"按钮保存URL
4. 点击"查看"按钮在内嵌窗口中查看URL内容

方法二：通过网页右下角浮动图标

1. 在任意网页的右下角会显示一个浮动图标
2. 点击该图标弹出URL查看窗口
3. 输入或使用已保存的URL
4. 点击"查看"按钮在窗口内查看URL内容

注意事项

• 由于浏览器安全限制，某些网站可能会阻止在iframe中显示
• 确保输入的URL包含协议前缀 (http:// 或 https://)