[发明专利]一种自由切换不同环境页面插件

说明书

本发明公开了一种自由切换不同环境页面插件，该页面插件包括：浏览器；右键菜单安装于所述浏览器的上；插件图标安装于所述浏览器的右上角。通过该页面插件，提高了开发者每个环境和每个项目之间切换效率；只在浏览器中生效不会影响到计算机的其它地方；清晰地看到所有代理配置。

技术领域

本发明属于软件开发领域，特别涉及一种自由切换不同环境页面 插件。

背景技术

开发人员在调试自己开发的Web页面时，经常会遇到用户访问的 是线上地址，即开发交付完成的页面地址，但是由于本地Hosts的影 响，浏览器加载的地址是本地地址(localhost)，导致不能实现模拟 线上地址环境，需要手动对本地Hosts进行配置才可以实现模拟线上 地址环境。

缺点(提出现有技术的不足)：

一般开发者开发Web页面时都会经历开发，测试，预生产，线上 生产这四个环境，在配置不同环境和不同的项目时，手动修改Hosts 比较繁琐，并修改的Hosts会影响到计算机的其他地方，此配置为全 局配置。

发明内容

针对相关技术中的上述技术问题，本发明提出一种自由切换不同 环境页面插件，能够克服现有技术的上述不足。

为实现上述技术目的，本发明的技术方案是这样实现的：

一种自由切换不同环境页面插件，该页面插件包括：

浏览器；

右键菜单，安装于所述浏览器的上；

插件图标，安装于所述浏览器的右上角。

进一步的，所述浏览器为Chrome浏览器。

进一步的，所述右键菜单的操作方法，包括：

初始化浏览器右键菜单；

初始化用户操作事件和事件的监听，获取并判断页面信息，其中， 页面信息包括环境信息；

若所述页面信息的地址为本地地址，则得到本地地址，基于所述 环境信息生成随机地址，对所述随机地址进行代理配置，将所述本地 地址和随机地址进行绑定；将所述本地地址修改为所述随机地址，将 所述随机地址和页面信息整合添加到浏览器的缓存中；

若所述页面信息的地址不是本地地址，判断浏览器中是否存在所 述地址，其中，若存在所述地址，则更新所述地址的代理配置，将更 新后的信息更新到浏览器缓存中；若不存在，则不进行操作处理；

若用户主动关闭打开的页面，则触发事件，查询缓存是否存在页 面的代理配置信息，其中，若存在，则删除配置信息；若不存在，则 不进行操作处理。

进一步的，所述插件图标的操作方法，包括：

用户点击所述插件图标，打开若干像素的页面；

所述页面初始化，读取缓存中配置的代理配置信息，其中，若缓 存中存在，则把信息渲染到页面中。

本发明的有益效果：通过该页面插件，提高了开发者每个环境和 每个项目之间切换效率；只在浏览器中生效不会影响到计算机的其它 地方；清晰地看到所有代理配置。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面 将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显 而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普 通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附 图获得其他的附图。

图1示出了根据本发明实施例的一种自由切换不同环境页面插 件的结构示意图。