CN111142873A - 浏览器的访问方法、装置、计算机设备和存储介质 - Google Patents
浏览器的访问方法、装置、计算机设备和存储介质 Download PDFInfo
- Publication number
- CN111142873A CN111142873A CN201911384584.6A CN201911384584A CN111142873A CN 111142873 A CN111142873 A CN 111142873A CN 201911384584 A CN201911384584 A CN 201911384584A CN 111142873 A CN111142873 A CN 111142873A
- Authority
- CN
- China
- Prior art keywords
- cross
- domain
- browser
- access
- request
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration management
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Computer Security & Cryptography (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明实施例提供了一种浏览器的访问方法、装置、计算机设备和存储介质。该浏览器的访问方法包括:获取目标浏览器的访问窗口的打开请求;根据所述打开请求判断是否需要关闭所述目标浏览器的跨域限制;当需要关闭所述目标浏览器的跨域限制时,则基于预设命令打开无跨域限制的访问窗口;在所述无跨域限制的访问窗口接收用户输入的跨域请求;基于所述跨域请求实现跨域访问。达到提高前端开发的效率的效果。
Description
技术领域
本发明实施例涉及网络技术领域,尤其涉及一种浏览器的访问方法、装置、计算机设备和存储介质。
背景技术
在前端开发阶段的过程中,使用浏览器访问页面时,一般要实现跨域请求,即浏览器从一个域名的网页去请求另一个域名的资源。
目前,在前段开发阶段,要实现跨域请求,一般会通过webpack-dev-server的proxy做跨域。通过webpack-dev-server的proxy做跨域,往往需要在代码中写伪请求链接,在proxy的配置文件中写转发规则。比如说代码中url是/api/user/login,proxy遇到/api/就转发到http://[ip]:[端口]。
然而,某些公司的代码中不方便写伪请求url而是写的真实url,则此时只能在前端开发阶段让后端服务器做好CORS配置,会阻塞开发,导致前端开发的效率降低。
发明内容
本发明实施例提供一种浏览器的访问方法、装置、计算机设备和存储介质,以实现提高前端开发的效率的效果。
第一方面,本发明实施例提供了一种浏览器的访问方法,包括:
获取目标浏览器的访问窗口的打开请求;
根据所述打开请求判断是否需要关闭所述目标浏览器的跨域限制;
当需要关闭所述目标浏览器的跨域限制时,则基于预设命令打开无跨域限制的访问窗口;
在所述无跨域限制的访问窗口接收用户输入的跨域请求;
基于所述跨域请求实现跨域访问。
可选的,所述基于预设命令打开无跨域限制的访问窗口,包括:
判断所述目标浏览器的使用平台;
获取所述使用平台对应的预设命令;
基于所述使用平台对应的预设命令打开无跨域限制的访问窗口。
可选的,所述根据所述打开请求判断是否需要关闭所述目标浏览器的跨域限制,包括:
判断所述打开请求是否来源于自定义程序包;
当所述打开请求来源于所述自定义程序包时,则确定需要关闭所述目标浏览器的跨域限制。
可选的,所述当需要关闭所述目标浏览器的跨域限制时,则基于预设命令打开无跨域限制的访问窗口,包括:
当需要关闭所述目标浏览器的跨域限制时,则调用自定义工具类,所述自定义工具类包括预设命令;
基于所述自定义工具类的预设命令打开无跨域限制的访问窗口。
可选的,所述调用自定义工具类,包括:
基于钩子函数调用所述自定义工具类。
可选的,所述预设命令包括命令行和关闭参数,所述基于预设命令打开无跨域限制的访问窗口,包括:
基于所述命令行将所述关闭参数传入所述目标浏览器,以打开所述目标浏览器的无跨域限制的访问窗口。
可选的,所述目标浏览器为chrome浏览器,所述关闭参数为“disable-web-security—user-data-dir=/Users/用户名/MyChromeDevUserData/”。
第二方面,本发明实施例提供了一种浏览器的访问装置,包括:
打开请求获取模块,用于获取目标浏览器的访问窗口的打开请求;
判断模块,用于根据所述打开请求判断是否需要关闭所述目标浏览器的跨域限制;
访问窗口打开模块,用于当需要关闭所述目标浏览器的跨域限制时,则基于预设命令打开无跨域限制的访问窗口;
跨域请求接收模块,用于在所述无跨域限制的访问窗口接收用户输入的跨域请求;
跨域访问模块,用于基于所述跨域请求实现跨域访问。
第三方面,本发明实施例提供了一种计算机设备,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如本发明任意实施例所述的浏览器的访问方法。
第四方面,本发明实施例提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本发明任意实施例所述的浏览器的访问方法。
本发明实施例通过获取目标浏览器的访问窗口的打开请求;根据所述打开请求判断是否需要关闭所述目标浏览器的跨域限制;当需要关闭所述目标浏览器的跨域限制时,则基于预设命令打开无跨域限制的访问窗口;在所述无跨域限制的访问窗口接收用户输入的跨域请求;基于所述跨域请求实现跨域访问,解决了在前端开发阶段让后端服务器做好CORS配置,会阻塞开发,导致前端开发的效率降低的问题,实现了提高前端开发的效率的效果。
附图说明
图1是本发明实施例一提供的一种浏览器的访问方法的流程示意图;
图2是本发明实施例二提供的一种浏览器的访问方法的流程示意图;
图3是本发明实施例三提供的一种浏览器的访问装置的结构示意图;
图4是本发明实施例四提供的一种计算机设备的结构示意图。
具体实施方式
下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本发明,而非对本发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本发明相关的部分而非全部结构。
在更加详细地讨论示例性实施例之前应当提到的是,一些示例性实施例被描述成作为流程图描绘的处理或方法。虽然流程图将各步骤描述成顺序的处理,但是其中的许多步骤可以被并行地、并发地或者同时实施。此外,各步骤的顺序可以被重新安排。当其操作完成时处理可以被终止,但是还可以具有未包括在附图中的附加步骤。处理可以对应于方法、函数、规程、子例程、子程序等等。
此外,术语“第一”、“第二”等可在本文中用于描述各种方向、动作、步骤或元件等,但这些方向、动作、步骤或元件不受这些术语限制。这些术语仅用于将第一个方向、动作、步骤或元件与另一个方向、动作、步骤或元件区分。举例来说,在不脱离本申请的范围的情况下,可以将第一信息为第二信息,且类似地,可将第二信息称为第一信息。第一信息和第二信息两者都是信息,但其不是同一信息。术语“第一”、“第二”等而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征。在本发明的描述中,“多个”的含义是至少两个,例如两个,三个等,除非另有明确具体的限定。
实施例一
图1为本发明实施例一提供的一种浏览器的访问方法的流程示意图,可适用于实现浏览器的跨域访问的场景,该方法可以由浏览器的访问装置来执行,该装置可以采用软件和/或硬件的方式实现,并可集成在计算机设备上。
如图1所示,本发明实施例一提供的浏览器的访问方法包括:
S110、获取目标浏览器的访问窗口的打开请求。
其中,目标浏览器是指给用户访问网页功能的工具。可选的,目标浏览器包括但不限于chrome谷歌浏览器、Firefox火狐浏览器或IE(InternetExplorer)浏览器等,此处不作限制。优选的,目标浏览器为chrome谷歌浏览器。chrome谷歌浏览器的开发者工具很方便调试。访问窗口是指用户访问页面时窗口。一般的,在使用浏览器进行访问页面时,需要打开访问窗口,以在访问窗口输入访问域名进行对应访问域名的网页访问。打开请求是指打开访问窗口的请求。可选的,打开请求可以是通过双击计算机界面上的程序图标打开,此处不作限制。
S120、根据所述打开请求判断是否需要关闭所述目标浏览器的跨域限制。
其中,跨域限制是指限制目标浏览器进行跨域访问的策略。具体的,当前请求的域与该当前请求所指向的的资源所在的域不一致时(协议、域名和端口至少有一个不一致),则为跨域。跨域限制是为了数据安全的考虑由Netscape提出来限制浏览器访问跨域数据的策略。而在使用目标浏览器进行开发时,一般不需要考虑安全性的问题。关闭了目标浏览器的跨域限制,就不需要通过webpack-dev-server的proxy做跨域或者做好CORS配置也可以实现跨域请求。
S130、当需要关闭所述目标浏览器的跨域限制时,则基于预设命令打开无跨域限制的访问窗口。
其中,预设命令是指打开无跨域限制的访问窗口的命令。通过预设命令打开的访问窗口,是无跨域限制的,可以直接实现跨域请求。在本实施例中,只有当需要关闭目标浏览器的跨域限制时,才基于预设命令打开无跨域限制的访问窗口。
S140、在所述无跨域限制的访问窗口接收用户输入的跨域请求。
其中,跨域请求是指需要进行跨域访问的请求。具体的,跨域请求包括协议、域名和端口。
S150、基于所述跨域请求实现跨域访问。
其中,跨域访问是指根据用户输入的跨域请求,跳转至跨域请求指向的域。
本实施例通过判断是否需要关闭目标浏览器的跨域限制,当需要关闭时,则打开无跨域限制的访问窗口,用户可以在该无跨域限制的访问窗口上进行跨域访问,不需要通过webpack-dev-server的proxy做跨域或者做好CORS配置也可以实现跨域请求,提高了前端开发的效率。
本发明实施例的技术方案,通过获取目标浏览器的访问窗口的打开请求;根据所述打开请求判断是否需要关闭所述目标浏览器的跨域限制;当需要关闭所述目标浏览器的跨域限制时,则基于预设命令打开无跨域限制的访问窗口;在所述无跨域限制的访问窗口接收用户输入的跨域请求;基于所述跨域请求实现跨域访问,用户可以在该无跨域限制的访问窗口上进行跨域访问,不需要通过webpack-dev-server的proxy做跨域或者做好CORS配置也可以实现跨域请求达到提高前端开发的效率的技术效果。
实施例二
图2是本发明实施例二提供的一种浏览器的访问方法的流程示意图。本实施例是在上述技术方案的进一步细化,适用于实现浏览器的跨域访问的场景。该方法可以由浏览器的访问装置来执行,该装置可以采用软件和/或硬件的方式实现,并可集成在计算机设备上。
如图2所示,本发明实施例二提供的浏览器的访问方法包括:
S210、获取目标浏览器的访问窗口的打开请求。
其中,目标浏览器是指给用户访问网页功能的工具。可选的,目标浏览器包括但不限于chrome谷歌浏览器、Firefox火狐浏览器或IE(InternetExplorer)浏览器等,此处不作限制。优选的,目标浏览器为chrome谷歌浏览器。chrome谷歌浏览器的开发者工具很方便调试。访问窗口是指用户访问页面时窗口。一般的,在使用浏览器进行访问页面时,需要打开访问窗口,以在访问窗口输入访问域名进行对应访问域名的网页访问。打开请求是指打开访问窗口的请求。可选的,打开请求可以是通过双击计算机设备界面上的程序图标打开,此处不作限制。
S220、判断所述打开请求是否来源于自定义程序包。
其中,自定义程序包是指安装在计算机设备界面上自定义的程序包。具体的,自定义程序包包括打开无跨域限制的访问窗口的程序代码。具体的,通过将打开无跨域限制的访问窗口的程序代码封装到工具中,例如node工具中,得到自定义工具类,再把自定义工具类作为一个自定义程序包发布,例如作为一个npm包发布,则用户可以将该自定义程序包安装在计算机设备上使用。
S230、当所述打开请求来源于所述自定义程序包时,则确定需要关闭所述目标浏览器的跨域限制。
在本步骤中,具体的,当打开请求来源于自定义程序包时,则确定需要关闭目标浏览器的跨域限制。其中,跨域限制是指限制目标浏览器进行跨域访问的策略。具体的,当前请求的域与该当前请求所指向的的资源所在的域不一致时(协议、域名和端口至少有一个不一致),则为跨域。跨域限制是为了数据安全的考虑由Netscape提出来限制浏览器访问跨域数据的策略。而在使用目标浏览器进行开发时,一般不需要考虑安全性的问题。关闭了目标浏览器的跨域限制,就不需要通过webpack-dev-server的proxy做跨域或者做好CORS配置也可以实现跨域请求。
S240、当需要关闭所述目标浏览器的跨域限制时,则基于预设命令打开无跨域限制的访问窗口。
其中,预设命令是指打开无跨域限制的访问窗口的命令。通过预设命令打开的访问窗口,是无跨域限制的,可以直接实现跨域请求。在本实施例中,只有当需要关闭目标浏览器的跨域限制时,才基于预设命令打开无跨域限制的访问窗口。
在一个可选的实施方式中,基于预设命令打开无跨域限制的访问窗口,包括:
判断所述目标浏览器的使用平台;
获取所述使用平台对应的预设命令;
基于所述使用平台对应的预设命令打开无跨域限制的访问窗口。
其中,使用平台是指使用目标浏览器操作系统。可选的,使用平台包括但不限于Windows系统、MAC系统或Linus系统。具体的,不同的使用平台对应的预设命令不同。本实施方式通过获取对应使用平台的预设命令,保证可以正常打开无跨域限制的访问窗口。
在一个可选的实施方式中,当需要关闭所述目标浏览器的跨域限制时,则基于预设命令打开无跨域限制的访问窗口,包括:
当需要关闭所述目标浏览器的跨域限制时,则调用自定义工具类,所述自定义工具类包括预设命令;
基于所述自定义工具类的预设命令打开无跨域限制的访问窗口。
其中,自定义工具类是封装有打开无跨域限制的访问窗口程序代码的工具。自定义工具包括预设命令。具体的,预设命令时程序代码的映射。可选的,把该自定义工具类添加到前端工程的package.json里,执行npm install,以调用自定义工具类的预设命令打开跨域限制的访问窗口。
在一个可选的实施方式中,调用自定义工具类,包括:
基于钩子函数调用所述自定义工具类。
其中,钩子函数是Windows消息处理机制的一部分,通过设置“钩子”,应用程序可以在系统级对所有消息、事件进行过滤,访问在正常情况下无法访问的消息。钩子的本质是一段用以处理系统消息的程序,通过系统调用,把它挂入系统。现在前端开发基本使用webpack开发,因此可以在webpack的配置文件里通过钩子函数调用该自定义工具类,从而保证在webpack serve的时候先打开无跨域限制的访问窗口,再打开跨域访问的页面,从而保证正常开发。
在一个可选的实施方式中,预设命令包括命令行和关闭参数,所述基于预设命令打开无跨域限制的访问窗口,包括:
基于所述命令行将所述关闭参数传入所述目标浏览器,以打开所述目标浏览器的无跨域限制的访问窗口。
其中,命令行是指在操作系统中,提示进行命令输入的一种工作提示符。在本实施方式中,命令行用于将关闭参数传入目标浏览器,以控制目标浏览器打开无跨域限制的访问窗口。关闭参数是指关闭目标浏览器的跨域限制的参数。在本实施方式中,优选的,目标浏览器为chrome浏览器,所述关闭参数为“disable-web-security—user-data-dir=/Users/用户名/MyChromeDevUserData/”。
S250、在所述无跨域限制的访问窗口接收用户输入的跨域请求。
其中,跨域请求是指需要进行跨域访问的请求。具体的,跨域请求包括协议、域名和端口。
S260、基于所述跨域请求实现跨域访问。
其中,跨域访问是指根据用户输入的跨域请求,跳转至跨域请求指向的域。
本实施例通过判断打开请求是否来源于自定义程序包,从而确定是否要关闭跨域限制,用户可以根据需要,可以在开发时通过点击自定义程序包打开无跨域限制的访问窗口进行跨域访问,也可以在日常使用时通过计算机设备上目标浏览器的图标打开有跨域限制的窗口,以保证数据的安全性。既满足了用户对于在开发时跨域访问的需求,也保证了数据的安全性。
本发明实施例的技术方案,通过获取目标浏览器的访问窗口的打开请求;根据所述打开请求判断是否需要关闭所述目标浏览器的跨域限制;当需要关闭所述目标浏览器的跨域限制时,则基于预设命令打开无跨域限制的访问窗口;在所述无跨域限制的访问窗口接收用户输入的跨域请求;基于所述跨域请求实现跨域访问,用户可以在该无跨域限制的访问窗口上进行跨域访问,不需要通过webpack-dev-server的proxy做跨域或者做好CORS配置也可以实现跨域请求达到提高前端开发的效率的技术效果。
实施例三
图3是本发明实施例三提供的一种浏览器的访问装置的结构示意图,本实施例可适用于实现浏览器的跨域访问的场景,该装置可以采用软件和/或硬件的方式实现,并可集成在计算机设备上。
如图3所示,本实施例提供的浏览器的访问装置可以包括打开请求获取模块310、判断模块320、访问窗口打开模块330、跨域请求接收模块340和跨域访问模块350,其中:
打开请求获取模块310,用于获取目标浏览器的访问窗口的打开请求;
判断模块320,用于根据所述打开请求判断是否需要关闭所述目标浏览器的跨域限制;
访问窗口打开模块330,用于当需要关闭所述目标浏览器的跨域限制时,则基于预设命令打开无跨域限制的访问窗口;
跨域请求接收模块340,用于在所述无跨域限制的访问窗口接收用户输入的跨域请求;
跨域访问模块350,用于基于所述跨域请求实现跨域访问。
可选的,访问窗口打开模块330包括:
使用平台判断单元,用于判断所述目标浏览器的使用平台;
预设命令获取单元,用于获取所述使用平台对应的预设命令;
访问窗口打开单元,用于基于所述使用平台对应的预设命令打开无跨域限制的访问窗口。
可选的,该判断模块320具体用于判断所述打开请求是否来源于自定义程序包;当所述打开请求来源于所述自定义程序包时,则确定需要关闭所述目标浏览器的跨域限制。
可选的,访问窗口打开模块330包括:
自定义工具类调用单元,用于当需要关闭所述目标浏览器的跨域限制时,则调用自定义工具类,所述自定义工具类包括预设命令;
该访问窗口打开单元还用于基于所述自定义工具类的预设命令打开无跨域限制的访问窗口。
可选的,该访问窗口打开单元具体用于基于钩子函数调用所述自定义工具类。
可选的,预设命令包括命令行和关闭参数,该访问窗口打开单元具体用于基于所述命令行将所述关闭参数传入所述目标浏览器,以打开所述目标浏览器的无跨域限制的访问窗口。
可选的,所述目标浏览器为chrome浏览器,所述关闭参数为“disable-web-security—user-data-dir=/Users/用户名/MyChromeDevUserData/”。
本发明实施例所提供的浏览器的访问装置可执行本发明任意实施例所提供的浏览器的访问方法,具备执行方法相应的功能模块和有益效果。本发明实施例中未详尽描述的内容可以参考本发明任意方法实施例中的描述。
实施例四
图4是本发明实施例四提供的一种计算机设备的结构示意图。图4示出了适于用来实现本发明实施方式的示例性计算机设备612的框图。图4显示的计算机设备612仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。
如图4所示,计算机设备612以通用计算机设备的形式表现。计算机设备612的组件可以包括但不限于:一个或者多个处理器616,存储装置628,连接不同系统组件(包括存储装置628和处理器616)的总线618。
总线618表示几类总线结构中的一种或多种,包括存储装置总线或者存储装置控制器,外围总线,图形加速端口,处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说,这些体系结构包括但不限于工业标准体系结构(Industry SubversiveAlliance,ISA)总线,微通道体系结构(MicroChannel Architecture,MAC)总线,增强型ISA总线、视频电子标准协会(VideoElectronics Standards Association,VESA)局域总线以及外围组件互连(Peripheral Component Interconnect,PCI)总线。
计算机设备612典型地包括多种计算机系统可读介质。这些介质可以是任何能够被计算机设备612访问的可用介质,包括易失性和非易失性介质,可移动的和不可移动的介质。
存储装置628可以包括易失性存储器形式的计算机系统可读介质,例如随机存取存储器(Random Access Memory,RAM)630和/或高速缓存存储器632。终端612可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。仅作为举例,存储系统634可以用于读写不可移动的、非易失性磁介质(图4未显示,通常称为“硬盘驱动器”)。尽管图4中未示出,可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器,以及对可移动非易失性光盘,例如只读光盘(Compact Disc Read-Only Memory,CD-ROM),数字视盘(Digital Video Disc-Read Only Memory,DVD-ROM)或者其它光介质)读写的光盘驱动器。在这些情况下,每个驱动器可以通过一个或者多个数据介质接口与总线618相连。存储装置628可以包括至少一个程序产品,该程序产品具有一组(例如至少一个)程序模块,这些程序模块被配置以执行本发明各实施例的功能。
具有一组(至少一个)程序模块642的程序/实用工具640,可以存储在例如存储装置628中,这样的程序模块642包括但不限于操作系统、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块642通常执行本发明所描述的实施例中的功能和/或方法。
计算机设备612也可以与一个或多个外部设备614(例如键盘、指向终端、显示器624等)通信,还可与一个或者多个使得用户能与该计算机设备612交互的终端通信,和/或与使得该计算机设备612能与一个或多个其它计算终端进行通信的任何终端(例如网卡,调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口622进行。并且,计算机设备612还可以通过网络适配器620与一个或者多个网络(例如局域网(Local Area Network,LAN),广域网(Wide Area Network,WAN)和/或公共网络,例如因特网)通信。如图4所示,网络适配器620通过总线618与计算机设备612的其它模块通信。应当明白,尽管图中未示出,可以结合计算机设备612使用其它硬件和/或软件模块,包括但不限于:微代码、终端驱动器、冗余处理器、外部磁盘驱动阵列、磁盘阵列(Redundant Arrays of IndependentDisks,RAID)系统、磁带驱动器以及数据备份存储系统等。
处理器616通过运行存储在存储装置628中的程序,从而执行各种功能应用以及数据处理,例如实现本发明任意实施例所提供的一种浏览器的访问方法,该方法可以包括:
获取目标浏览器的访问窗口的打开请求;
根据所述打开请求判断是否需要关闭所述目标浏览器的跨域限制;
当需要关闭所述目标浏览器的跨域限制时,则基于预设命令打开无跨域限制的访问窗口;
在所述无跨域限制的访问窗口接收用户输入的跨域请求;
基于所述跨域请求实现跨域访问。
本发明实施例的技术方案,通过获取目标浏览器的访问窗口的打开请求;根据所述打开请求判断是否需要关闭所述目标浏览器的跨域限制;当需要关闭所述目标浏览器的跨域限制时,则基于预设命令打开无跨域限制的访问窗口;在所述无跨域限制的访问窗口接收用户输入的跨域请求;基于所述跨域请求实现跨域访问,用户可以在该无跨域限制的访问窗口上进行跨域访问,不需要通过webpack-dev-server的proxy做跨域或者做好CORS配置也可以实现跨域请求达到提高前端开发的效率的技术效果。
实施例五
本发明实施例五还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本发明任意实施例所提供的一种浏览器的访问方法,该方法可以包括:
获取目标浏览器的访问窗口的打开请求;
根据所述打开请求判断是否需要关闭所述目标浏览器的跨域限制;
当需要关闭所述目标浏览器的跨域限制时,则基于预设命令打开无跨域限制的访问窗口;
在所述无跨域限制的访问窗口接收用户输入的跨域请求;
基于所述跨域请求实现跨域访问。
本发明实施例的计算机可读存储介质,可以采用一个或多个计算机可读的介质的任意组合。计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本文件中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
存储介质上包含的程序代码可以用任何适当的介质传输,包括——但不限于无线、电线、光缆、RF等等,或者上述的任意合适的组合。
可以以一种或多种程序设计语言或其组合来编写用于执行本发明操作的计算机程序代码,所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或终端上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
本发明实施例的技术方案,通过获取目标浏览器的访问窗口的打开请求;根据所述打开请求判断是否需要关闭所述目标浏览器的跨域限制;当需要关闭所述目标浏览器的跨域限制时,则基于预设命令打开无跨域限制的访问窗口;在所述无跨域限制的访问窗口接收用户输入的跨域请求;基于所述跨域请求实现跨域访问,用户可以在该无跨域限制的访问窗口上进行跨域访问,不需要通过webpack-dev-server的proxy做跨域或者做好CORS配置也可以实现跨域请求达到提高前端开发的效率的技术效果。
注意,上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解,本发明不限于这里所述的特定实施例,对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此,虽然通过以上实施例对本发明进行了较为详细的说明,但是本发明不仅仅限于以上实施例,在不脱离本发明构思的情况下,还可以包括更多其他等效实施例,而本发明的范围由所附的权利要求范围决定。
Claims (10)
1.一种浏览器的访问方法,其特征在于,包括:
获取目标浏览器的访问窗口的打开请求;
根据所述打开请求判断是否需要关闭所述目标浏览器的跨域限制;
当需要关闭所述目标浏览器的跨域限制时,则基于预设命令打开无跨域限制的访问窗口;
在所述无跨域限制的访问窗口接收用户输入的跨域请求;
基于所述跨域请求实现跨域访问。
2.如权利要求1所述的浏览器的访问方法,其特征在于,所述基于预设命令打开无跨域限制的访问窗口,包括:
判断所述目标浏览器的使用平台;
获取所述使用平台对应的预设命令;
基于所述使用平台对应的预设命令打开无跨域限制的访问窗口。
3.如权利要求1所述的浏览器的访问方法,其特征在于,所述根据所述打开请求判断是否需要关闭所述目标浏览器的跨域限制,包括:
判断所述打开请求是否来源于自定义程序包;
当所述打开请求来源于所述自定义程序包时,则确定需要关闭所述目标浏览器的跨域限制。
4.如权利要求1所述的浏览器的访问方法,其特征在于,所述当需要关闭所述目标浏览器的跨域限制时,则基于预设命令打开无跨域限制的访问窗口,包括:
当需要关闭所述目标浏览器的跨域限制时,则调用自定义工具类,所述自定义工具类包括预设命令;
基于所述自定义工具类的预设命令打开无跨域限制的访问窗口。
5.如权利要求4所述的浏览器的访问方法,其特征在于,所述调用自定义工具类,包括:
基于钩子函数调用所述自定义工具类。
6.如权利要求1所述的浏览器的访问方法,其特征在于,所述预设命令包括命令行和关闭参数,所述基于预设命令打开无跨域限制的访问窗口,包括:
基于所述命令行将所述关闭参数传入所述目标浏览器,以打开所述目标浏览器的无跨域限制的访问窗口。
7.如权利要求6所述的浏览器的访问方法,其特征在于,所述目标浏览器为chrome浏览器,所述关闭参数为“disable-web-security—user-data-dir=/Users/用户名/MyChromeDevUserData/”。
8.一种浏览器的访问装置,其特征在于,包括:
打开请求获取模块,用于获取目标浏览器的访问窗口的打开请求;
判断模块,用于根据所述打开请求判断是否需要关闭所述目标浏览器的跨域限制;
访问窗口打开模块,用于当需要关闭所述目标浏览器的跨域限制时,则基于预设命令打开无跨域限制的访问窗口;
跨域请求接收模块,用于在所述无跨域限制的访问窗口接收用户输入的跨域请求;
跨域访问模块,用于基于所述跨域请求实现跨域访问。
9.一种计算机设备,其特征在于,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-7中任一项所述的浏览器的访问方法。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-7中任一项所述的浏览器的访问方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911384584.6A CN111142873A (zh) | 2019-12-28 | 2019-12-28 | 浏览器的访问方法、装置、计算机设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911384584.6A CN111142873A (zh) | 2019-12-28 | 2019-12-28 | 浏览器的访问方法、装置、计算机设备和存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111142873A true CN111142873A (zh) | 2020-05-12 |
Family
ID=70521390
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911384584.6A Pending CN111142873A (zh) | 2019-12-28 | 2019-12-28 | 浏览器的访问方法、装置、计算机设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111142873A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111708963A (zh) * | 2020-05-22 | 2020-09-25 | 北京百度网讯科技有限公司 | 页面请求的处理方法、装置、电子设备和存储介质 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107391568A (zh) * | 2017-06-16 | 2017-11-24 | 福建省华渔教育科技有限公司 | 突破跨域请求限制的方法及其系统 |
CN109040339A (zh) * | 2018-07-27 | 2018-12-18 | 深圳市腾讯网络信息技术有限公司 | 基于ajax的跨域请求处理方法、装置及设备 |
CN110175058A (zh) * | 2019-04-10 | 2019-08-27 | 阿里巴巴集团控股有限公司 | 基于数据异常信息的快速留存的方法、模块、系统和介质 |
-
2019
- 2019-12-28 CN CN201911384584.6A patent/CN111142873A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107391568A (zh) * | 2017-06-16 | 2017-11-24 | 福建省华渔教育科技有限公司 | 突破跨域请求限制的方法及其系统 |
CN109040339A (zh) * | 2018-07-27 | 2018-12-18 | 深圳市腾讯网络信息技术有限公司 | 基于ajax的跨域请求处理方法、装置及设备 |
CN110175058A (zh) * | 2019-04-10 | 2019-08-27 | 阿里巴巴集团控股有限公司 | 基于数据异常信息的快速留存的方法、模块、系统和介质 |
Non-Patent Citations (3)
Title |
---|
ZHONGXIA245: "Chrome跨域disable-web-security关闭安全策略" * |
这波能反杀: "超性感的React Hooks(五):自定义hooks" * |
黑马程序员: "Django开发从入门到实践", 中国铁道出版社, pages: 168 - 180 * |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111708963A (zh) * | 2020-05-22 | 2020-09-25 | 北京百度网讯科技有限公司 | 页面请求的处理方法、装置、电子设备和存储介质 |
CN111708963B (zh) * | 2020-05-22 | 2023-09-29 | 北京百度网讯科技有限公司 | 页面请求的处理方法、装置、电子设备和存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8346870B2 (en) | Low-privilege debug channel | |
CN109032706B (zh) | 智能合约执行方法、装置、设备和存储介质 | |
US10915637B2 (en) | Method, client, and system for testing application | |
CN112187799B (zh) | 资源访问策略生成方法及装置、存储介质、电子设备 | |
CN104834588B (zh) | 检测常驻式跨站脚本漏洞的方法和装置 | |
US9245112B2 (en) | Apparatus and method for managing entitlements to program code | |
CN111698319B (zh) | 来电自动弹屏方法、装置及系统 | |
CN112395098B (zh) | 应用程序接口调用方法、装置、存储介质和电子设备 | |
WO2022062634A1 (zh) | 在业务中集成地图服务的方法、装置、设备和存储介质 | |
CN112835632A (zh) | 一种端能力的调用方法、设备和计算机存储介质 | |
CN111142873A (zh) | 浏览器的访问方法、装置、计算机设备和存储介质 | |
US20210334114A1 (en) | Method And Storage Medium For Realizing Interaction Between Business Systems And At Least One Component | |
CN110855658B (zh) | 一种服务登录方法、装置、设备和存储介质 | |
CN110045952B (zh) | 代码调用方法与装置 | |
CN110737861A (zh) | 一种网页数据处理方法、装置、设备和存储介质 | |
CN106709338A (zh) | 一种程序检测方法及装置 | |
CN114297062A (zh) | 业务测试方法、装置、电子设备及存储介质 | |
CN114661385A (zh) | 应用程序的调用方法、介质、装置和计算设备 | |
CN114490266A (zh) | 一种数据采集方法、装置、设备及存储介质 | |
CN111475763B (zh) | 网页运行方法、装置、存储介质及设备 | |
EP2600271A1 (en) | Device for right managing web data, recording medium for performing method for right managing web data on computer, and device and method for providing right management information | |
CN115600216B (zh) | 检测方法、装置、设备及存储介质 | |
CN116701790B (zh) | 基于路由的前端权限控制方法及相关设备 | |
WO2023221001A1 (zh) | web应用程序的接入方法及装置 | |
CN108595954A (zh) | 一种基于运行时验证的恶意行为监测方法 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |