[发明专利]页面处理的方法

权利要求书

1.一种页面处理的方法，其特征在于，包括：

在主页面创建与目标子页面对应的沙箱，并在所述沙箱中启动ES6中的代理Proxy生成全局变量window的代理对象window.proxy；

在Map对象中记录对所述window.proxy的写操作内容，并读取所述Map对象中记录的所述window.proxy的写操作内容；

改写预定目标方法，使得新创建的元素以及第一预设标签均挂载在所述目标子页面对应的第二预设标签内。

2.根据权利要求1所述的方法，其特征在于，所述预定目标方法包括：document.createElement，appendChild，removeChild以及insertBefore方法，所述第一预设标签包括：Js的逻辑代码script标签、以及用于外联CSS样式文件的link标签以及内联CSS样式文件style标签；所述第二预设标签为所述主页面中的DOM树中的挂载点div；改写预定目标方法，使得新创建的元素以及第一预设标签均挂载在所述目标子页面对应的第二预设标签内，包括：

改写所述document.createElement，appendChild，removeChild以及insertBefore方法，使得新创建的元素以及所述script标签、link标签以及style标签均挂载在所述DOM树中的挂载点div中。

3.根据权利要求1所述的方法，其特征在于，所述方法还包括：当所述Map对象中无记录的所述window.proxy的写操作内容，则读取所述主页面中所述全局变量window的数据。

4.根据权利要求2所述的方法，其特征在于，所述目标子页面的生命周期至少包括：加载事件与卸载事件，所述加载事件用于加载展示所述目标子页面，所述卸载事件用于关闭停用所述目标子页面，在读取所述Map对象中记录的所述window.proxy的写操作内容之前，所述方法还包括：

所述主页面向所述目标子页面发送fetch请求，获取所述目标子页面的HTML内容；

基于eval函数执行所述HTML内容。

5.根据权利要求4所述的方法，其特征在于，基于eval函数执行所述HTML内容，包括：

基于正则匹配方法解析所述HTML内容中的Js逻辑数据；

确定所述Js逻辑数据对应的字符串，基于所述eval函数将所述字符串当做Js代码进行执行，实现对所述目标子页面的加载。

6.根据权利要求4所述的方法，其特征在于，所述方法还包括：当所述卸载事件触发时，将所述第一预设标签从所述目标子页面对应的所述挂载点div清除，并对所述目标子页面对应的沙箱进行重置操作，所述重置操作用于将所述全局变量window中的数据进行还原。

7.根据权利要求6所述的方法，其特征在于，所述方法还包括：将所述目标子页面中的Css样式脚本语言写入所述Js逻辑数据中，或者将所述目标子页面中添加所述目标子页面对应的类class，以避免所述目标子页面与所述主页面之间发生污染。

8.根据权利要求1所述的方法，其特征在于，在主页面创建与目标子页面对应的沙箱之前，所述方法还包括：

加载所述主页面中的公共导航菜单，以及子页面列表，其中，所述子页面列表至少包括：所述目标子页面；

获取统一资源定位器URL；

基于所述URL和所述子页面列表确定待加载的所述目标子页面。

9.一种页面处理的方法，其特征在于，包括：

在浏览器的主页面创建与目标子页面对应的沙箱，并在所述沙箱中启动ES6中的代理模块，通过所述代理模块生成窗口全局变量的窗口代理对象；

在加载主页面对应的目标子页面时，解析所述目标子页面，得到所述目标子页面的逻辑数据，其中，所述逻辑数据中至少包括对全局窗口对象进行写操作的写操作记录；

通过所述目标子页面所在沙箱中的代理模块将所述逻辑数据存储至JS中的Map对象中。

10.根据权利要求9所述的方法，其特征在于，通过所述目标子页面所在沙箱中的代理模块将所述逻辑数据存储至Js中的Map对象中之后，所述方法还包括：

改写预定目标方法，使得新创建的元素以及第一预设标签均挂载在所述目标子页面对应的第二预设标签内。