# ruyi-browser **Repository Path**: yunzhongyue/ruyi-browser ## Basic Information - **Project Name**: ruyi-browser - **Description**: 主要实现网页浏览辅助功能，包括网址二维码生成、快捷导航、网页笔记，页面内容标记等； - **Primary Language**: JavaScript - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 0 - **Created**: 2019-10-17 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 如意浏览助手 #### 介绍 这是一个浏览器扩展项目，主要为日常网页浏览提供便利。 #### 软件架构 目前主要支持chrome,未来打算兼容谷歌和火狐两种浏览器扩展。 #### 安装教程 1. 克隆或下载本项目到本地。 2. 进入chrome扩展管理页,打开开发者模式。 3. 选择"已解压的扩展程序"。 4. 从文件管理器选择本项目所在目录。 **下图是本程序完成加载后的效果：** ![输入图片说明](https://images.gitee.com/uploads/images/2020/0328/000409_d71526fa_23532.png "2020-03-2800:03:35.png") #### 使用说明 **目前扩展已实现的功能如下：** _１．网页地址生成二维码 & 网页截图。_ 本扩展按照成功后可以在浏览器工具栏看见新添加的扩展图标，点击此图标即可将当前网页地址生成二维码或进行网页截图，如下图： ![输入图片说明](https://images.gitee.com/uploads/images/2020/0522/095652_e57086e6_23532.png "2020-05-2209:56:37.png") _２．快捷标签导航页_ 本扩展自定义了浏览器新建标签页面，扩展安装成功后新建标签时能够看到一个快捷的网址导航页，如下图： ![输入图片说明](https://images.gitee.com/uploads/images/2020/0328/001647_32184060_23532.png "2020-03-2800:16:22.png") **注：** 上图红色部分是出于对个人信息的保护故意做的遮挡，并不是原始页面上的部分。另外，你可能安装此扩展后和截图的分类不一样，这是因为这个页面的分类和链接都是可配置的。项目本身内置了一份默认的，当然你可以添加自己喜欢的，删除自己不喜欢的，一切都随你！你可以打开扩展的选项页面进行更改（目前整个配置就是一个json，你可以把他拷贝出来用好一点的文本编辑器进行编辑，编辑完再贴进去就可以了，不需要保存，改了就可以生效！），如下图： ![输入图片说明](https://images.gitee.com/uploads/images/2020/0328/002243_524fd1e3_23532.png "2020-03-2800:22:23.png") _３．地址栏快捷提示_ 当你安装好扩展后，在浏览器的地址栏输入关键词"ruyi",浏览器会提示你按"Tab"键可向本程序发送命令，如下图： ![输入图片说明](https://images.gitee.com/uploads/images/2020/0328/002905_56d0aeb0_23532.png "2020-03-2800:28:48.png") 按照指示按下"Tab"键，此时你可以在地址栏输入关键词，就会出现预先设定好的搜索提示。这里出现的提示内容与快捷导航页的内容是息息相关的，因为他们使用本身就是同一份配置，同样通过修改浏览器选项页的那份json来自定义你自己的内容。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0328/003637_d20639c6_23532.png "2020-03-2800:36:12.png") 　 #### 交流讨论 可扫描下方群二维码，加群交流 ![如意计划](https://images.gitee.com/uploads/images/2019/1102/172030_987c0191_23532.jpeg "如意计划")