System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() Electron的开发者工具加载谷歌浏览器扩展程序的方法技术_技高网

Electron的开发者工具加载谷歌浏览器扩展程序的方法技术

技术编号:40916775 阅读:2 留言:0更新日期:2024-04-18 14:43
本发明专利技术公开Electron的开发者工具加载谷歌浏览器扩展程序的方法,包含以下步骤:步骤1、判断是否为开发环境;步骤2、判断本地系统的平台类型;步骤3、根据步骤2判断的结果,拼接得到谷歌浏览器的扩展程序路径;步骤4、根据步骤3计算得到的结果,借助Node.js的能力,加载扩展程序文件夹;步骤5、对扩展程序文件夹下的文件夹进行遍历,调用Electron提供的方法加载扩展程序,本发明专利技术无需专门下载扩展程序包,直接使用谷歌浏览器已安装的扩展程序包。如果一个扩展程序有多个版本,本方法能够读取扩展程序的配置文件,安装最新版本的扩展程序。该方法适用于Windows平台和MacOs平台。

【技术实现步骤摘要】

本专利技术涉及桌面客户端的开发工具领域,具体是electron的开发者工具加载谷歌浏览器扩展程序的方法。


技术介绍

1、electron作为一种流行的开发桌面应用程序的框架,它以node.js(可以脱离浏览器环境运行的javascript)和chromium(谷歌开源项目)为基础,开发者利用web技术,能够快速完成跨平台的桌面软件的开发。electron兼容mac、windows和linux,可以构建出三个平台的应用程序。

2、谷歌浏览器扩展程序是运行在谷歌浏览器中的“插件”,它运用了web技术开发,能够增强谷歌浏览器的功能,提高谷歌浏览器的体验。

3、electron提供了加载谷歌浏览器扩展程序的方法,为了在electron应用程序开发过程中使用谷歌浏览器的扩展程序,常见的方式有两种:

4、(1)将指定的谷歌浏览器的扩展程序的文件绑定到npm包中,加载指定的扩展程序。

5、(2)提供有限的谷歌浏览器扩展程序,开发人员可以有选择性地指定扩展程序,再将其下载至本地,供electron加载。

6、在网页开发过程中,开发人员可以借助谷歌浏览器的扩展程序,提高开发效率。但在electron应用程序的开发过程中,默认情况下使用的还是基础的开发者工具,缺少了丰富的谷歌浏览器扩展程序。如果在electron的开发者工具中,能够使用谷歌浏览器的扩展程序,必然能够提高开发效率。


技术实现思路

1、本专利技术的目的在于提供electron的开发者工具加载谷歌浏览器扩展程序的方法,以解决上述
技术介绍
中提出的缺少丰富的谷歌浏览器扩展程序、开发效率低等问题。

2、为实现上述目的,本专利技术提供如下技术方案:

3、electron的开发者工具加载谷歌浏览器扩展程序的方法,包含以下步骤:

4、步骤1、判断是否为开发环境;

5、步骤2、判断本地系统的平台类型;

6、步骤3、根据步骤2判断的结果,拼接得到谷歌浏览器的扩展程序路径;

7、步骤4、根据步骤3计算得到的结果,借助node.js的能力,加载扩展程序文件夹;

8、步骤5、对扩展程序文件夹下的文件夹进行遍历,调用electron提供的方法加载扩展程序。

9、作为本专利技术的进一步技术方案:所述步骤1具体是:根据node.js提供的process.env.node_env判断是否为开发环境,如果是开发环境,则加载谷歌浏览器扩展程序,如果不是开发环境,直接结束。

10、作为本专利技术的进一步技术方案:所述谷歌浏览器在不同的操作系统上,存储扩展的文件夹路径有差异。

11、作为本专利技术的进一步技术方案:所述步骤2具体是:借助node.js提供的process.platform方法,确定本地操作系统是windows平台还是macos平台。

12、作为本专利技术的进一步技术方案:所述步骤3中,针对windows平台:在该操作系统上,谷歌浏览器会将扩展程序安装在以下目录:%localappdata%\google\chrome\userdata\default\extensions,需要借助electron提供的app.getpath方法获取该目录,当提供参数’home’时,该方法会返回用户的home文件夹,利用该方法获得的主目录,再与‘/appdata/local/google/chrome/user data/default/extensions’拼接起来,得到windows平台下的谷歌浏览器扩展程序路径。

13、作为本专利技术的进一步技术方案:所述步骤3中,针对macos平台:在该操作系统上,谷歌浏览器会将扩展程序安装在以下目录:~/library/application support/google/chrome/default/extensions,借助electron提供的app.getpath方法,能够得到设备的主目录,最后拼接得到macos平台下的谷歌浏览器扩展程序路径。

14、作为本专利技术的进一步技术方案:所述扩展程序文件夹的名字为唯一的,是在扩展程序发布时所分配的扩展程序唯一id。

15、作为本专利技术的进一步技术方案:对于扩展程序文件夹下的每一个文件夹,其子文件夹为对应扩展程序的版本号。

16、作为本专利技术的进一步技术方案:所述子文件夹只有一个时,说明该电脑的谷歌浏览器只安装了一个版本的扩展程序,直接调用electron提供的browserwindow.adddevtoolsextension方法加载扩展程序。

17、作为本专利技术的进一步技术方案:所述子文件夹有多个时,子文件夹名称为扩展程序的对应版本,即该电脑的谷歌浏览器安装了多个版本的扩展程序,在这种情况下,采用读取对应文件夹下的manifest.json文件的方式,获取具体的版本号,再比较得到最新版本的扩展程序文件,最后调用electron提供的browserwindow.adddevtoolsextension方法加载扩展程序。

18、与现有技术相比,本专利技术的有益效果是:

19、本专利技术提供了一种在electron桌面程序开发过程中,无需再次下载谷歌浏览器扩展程序,而是直接加载谷歌浏览器中已安装的扩展程序的方法。在开发过程中,程序将自动地将谷歌浏览器的扩展程序加载到electron的开发者工具。该方法不仅能够利用谷歌浏览器丰富的扩展程序,提高开发效率,而且能够借助谷歌浏览器自带的扩展程序管理界面(chrome://extensions/),便捷地管理electron使用到的扩展程序。

本文档来自技高网...

【技术保护点】

1.Electron的开发者工具加载谷歌浏览器扩展程序的方法,其特征在于,包含以下步骤:

2.根据权利要求1所述的Electron的开发者工具加载谷歌浏览器扩展程序的方法,其特征在于,所述步骤1具体是:根据Node.js提供的process.env.NODE_ENV判断是否为开发环境,如果是开发环境,则加载谷歌浏览器扩展程序,如果不是开发环境,直接结束。

3.根据权利要求2所述的Electron的开发者工具加载谷歌浏览器扩展程序的方法,其特征在于,所述谷歌浏览器在不同的操作系统上,存储扩展的文件夹路径不同。

4.根据权利要求3所述的Electron的开发者工具加载谷歌浏览器扩展程序的方法,其特征在于,所述步骤2具体是:借助node.js提供的process.platform方法,确定本地操作系统是Windows平台还是MacOs平台。

5.根据权利要求1所述的Electron的开发者工具加载谷歌浏览器扩展程序的方法,其特征在于,所述步骤3中,针对Windows平台:在该操作系统上,谷歌浏览器会将扩展程序安装在以下目录:%LOCALAPPDATA%\Google\Chrome\User Data\Default\Extensions,需要借助Electron提供的app.getPath方法获取该目录,当提供参数’home’时,该方法会返回用户的home文件夹,利用该方法获得的主目录,再与‘/AppData/Local/Google/Chrome/UserData/Default/Extensions’拼接起来,得到Windows平台下的谷歌浏览器扩展程序路径。

6.根据权利要求1所述的Electron的开发者工具加载谷歌浏览器扩展程序的方法,其特征在于,所述步骤3中,针对MacOs平台:在该操作系统上,谷歌浏览器会将扩展程序安装在以下目录:~/Library/Application Support/Google/Chrome/Default/Extensions,借助Electron提供的app.getPath方法,能够得到设备的主目录,最后拼接得到MacOs平台下的谷歌浏览器扩展程序路径。

7.根据权利要求1所述的Electron的开发者工具加载谷歌浏览器扩展程序的方法,其特征在于,所述扩展程序文件夹的名字为唯一的,是在扩展程序发布时所分配的扩展程序唯一ID。

8.根据权利要求1所述的Electron的开发者工具加载谷歌浏览器扩展程序的方法,其特征在于,对于扩展程序文件夹下的每一个文件夹,其子文件夹为对应扩展程序的版本号。

9.根据权利要求8所述的Electron的开发者工具加载谷歌浏览器扩展程序的方法,其特征在于,所述子文件夹只有一个时,说明该电脑的谷歌浏览器只安装了一个版本的扩展程序,直接调用Electron提供的BrowserWindow.addDevToolsExtension方法加载扩展程序。

10.根据权利要求8所述的Electron的开发者工具加载谷歌浏览器扩展程序的方法,其特征在于,所述子文件夹有多个时,子文件夹名称为扩展程序的对应版本,即该电脑的谷歌浏览器安装了多个版本的扩展程序,在这种情况下,采用读取对应文件夹下的manifest.json文件的方式,获取具体的版本号,再比较得到最新版本的扩展程序文件,最后调用Electron提供的BrowserWindow.addDevToolsExtension方法加载扩展程序。

...

【技术特征摘要】

1.electron的开发者工具加载谷歌浏览器扩展程序的方法,其特征在于,包含以下步骤:

2.根据权利要求1所述的electron的开发者工具加载谷歌浏览器扩展程序的方法,其特征在于,所述步骤1具体是:根据node.js提供的process.env.node_env判断是否为开发环境,如果是开发环境,则加载谷歌浏览器扩展程序,如果不是开发环境,直接结束。

3.根据权利要求2所述的electron的开发者工具加载谷歌浏览器扩展程序的方法,其特征在于,所述谷歌浏览器在不同的操作系统上,存储扩展的文件夹路径不同。

4.根据权利要求3所述的electron的开发者工具加载谷歌浏览器扩展程序的方法,其特征在于,所述步骤2具体是:借助node.js提供的process.platform方法,确定本地操作系统是windows平台还是macos平台。

5.根据权利要求1所述的electron的开发者工具加载谷歌浏览器扩展程序的方法,其特征在于,所述步骤3中,针对windows平台:在该操作系统上,谷歌浏览器会将扩展程序安装在以下目录:%localappdata%\google\chrome\user data\default\extensions,需要借助electron提供的app.getpath方法获取该目录,当提供参数’home’时,该方法会返回用户的home文件夹,利用该方法获得的主目录,再与‘/appdata/local/google/chrome/userdata/default/extensions’拼接起来,得到windows平台下的谷歌浏览器扩展程序路径。

6.根据权利要求1所述的electron的开发者工具加载...

【专利技术属性】
技术研发人员:练志东
申请(专利权)人:天翼云科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1