草庐IT

javascript - 如何检测元素在跨域父级的 iframe 中是否可见

正如问题所述,我有一个位于跨域父级上的iframe。如果该内容滚动到View中或在页面加载时已经在View中,我需要触发一个事件。正常检查与页面顶部/侧面的距离和视口(viewport)高度/宽度似乎不起作用,因为它们在iframe本身内测量页面。我无法在父页面上编辑/添加任何内容来启用此功能,所有内容都必须在iframe本身内。这背后的原因是为了记录内容是否曾经有机会被用户查看,或者是否加载到View之外并保留在那里。有些公司提供这种广告服务,但就了解它的实际操作方式而言,这似乎是一种黑暗艺术。如有任何帮助,我们将不胜感激。编辑:我谈到的提供这项服务的公司的两个例子。查看(4)下的第

Vite 配置代理 Proxy,解决跨域

我们在编写前端项目的时候,经常会遇到跨域的问题,当我们访问后端API的URL路径时,只要域名、端口或访问协议(如HTTP和HTTPS)有一项不同,就会被浏览器认定为跨域。另外我们也会经常重复编写后端的域名,例如 https://example.com/api/some_end_point,https://example.com/api/other_end_point,针对这两种情况,可以直接用同一个配置来解决,即代理配置。​不管是Vite还是Webpack,这些打包工具都支持设置前端代理,它们能够把对某一段URL的访问直接转换成另一个真实的后端API地址,这样前后端就视为使用了相同的域名、协议

vue3解决跨域

项目场景:提示:这里简述项目相关背景:前后端分离项目,出现跨域。原因分析:因为浏览器有一个安全机制叫同源策略。同源就是指协议、域名、端口都一样,如果任意一项不一致就是不同源。简单点说就是,你的网页URL和你调用的接口URL不是一个地方的,浏览器觉得有安全风险,不想让你使用这个接口的数据。就好像你去肯德基吃饭,非要点一碗兰州拉面,店员虽然很鄙视你,但他还是打电话给兰州拉面馆问了一下,拉面馆说不给肯德基供货,所以你没有吃到兰州拉面。这里有一个很反常的操作一定要记住,肯德基店员打电话给兰州拉面馆了,是拉面馆说不给肯德基供货的。如果拉面馆给肯德基供货,那你就能吃到拉面了。这时候,店员相当于浏览器,肯德

javascript - 即使对于本地文件,跨域 ajax 也会失败

我有一个localhtml文件,其中包含一个ajax函数,试图从x.com中提取xml内容。运行时文件仅适用于IE,无法在firefox和safari浏览器上运行。当然这可能是因为同源政策。但是,我从某人那里听说,对于使用file://协议(protocol)加载的脚本,此同源策略将不适用。这是真的吗?如果是,我的本地html文件可能有什么问题? 最佳答案 它确实适用于本地文件,将它们全部视为单独​​的域(如您所见,这因浏览器而异)。例如,在Chrome中,您可以使用命令行启动它以允许这样做:chrome.exe--allow-fi

javascript - 即使对于本地文件,跨域 ajax 也会失败

我有一个localhtml文件,其中包含一个ajax函数,试图从x.com中提取xml内容。运行时文件仅适用于IE,无法在firefox和safari浏览器上运行。当然这可能是因为同源政策。但是,我从某人那里听说,对于使用file://协议(protocol)加载的脚本,此同源策略将不适用。这是真的吗?如果是,我的本地html文件可能有什么问题? 最佳答案 它确实适用于本地文件,将它们全部视为单独​​的域(如您所见,这因浏览器而异)。例如,在Chrome中,您可以使用命令行启动它以允许这样做:chrome.exe--allow-fi

javascript - HTML5 Web Workers 可以/应该使用 CORS 进行跨域吗?

我在创建依赖网络worker的托管API时遇到了一个有趣的问题。我希望能得到一些关于它的社区反馈。我的服务器设置有适当的CORSheader来传送工作JS文件,并且可以使用XMLHttpRequest对象进行检索。但是,当将URL提供给newWorker()时,它无法构建,并指出来源是问题所在。这似乎是Firefox和Chrome上的一个问题。自己检查一下,以及我的解决方法,在这里:http://jsfiddle.net/5ag42hb1/11/这不是奇怪的行为吗?Mozilla文档说网络workermustobeysame-originpolicy并使用CORS允许跨域访问。fidd

javascript - HTML5 Web Workers 可以/应该使用 CORS 进行跨域吗?

我在创建依赖网络worker的托管API时遇到了一个有趣的问题。我希望能得到一些关于它的社区反馈。我的服务器设置有适当的CORSheader来传送工作JS文件,并且可以使用XMLHttpRequest对象进行检索。但是,当将URL提供给newWorker()时,它无法构建,并指出来源是问题所在。这似乎是Firefox和Chrome上的一个问题。自己检查一下,以及我的解决方法,在这里:http://jsfiddle.net/5ag42hb1/11/这不是奇怪的行为吗?Mozilla文档说网络workermustobeysame-originpolicy并使用CORS允许跨域访问。fidd

javascript - 了解 Iframe 中的跨域问题

这个问题可能看起来很愚蠢,但为了清楚起见,我需要理解这一点。根据我的理解,跨域问题是当包含IFRAME的网页的域与在IFRAME中打开的网页的域不同时。按照这个逻辑,任何东西都不应该在IFRAME中打开。当我在网页“top:9700”的IFRAME中嵌入网页“bottom:10700”时,出现错误。我无法在IFRAME中看到内容。错误是Accessdeniedinaccessingproperty'constructor'访问构造函数(_1.contructor)时出现错误isc.A.Function=functionisc_isA_Function(_1){if(_1==null)r

javascript - 了解 Iframe 中的跨域问题

这个问题可能看起来很愚蠢,但为了清楚起见,我需要理解这一点。根据我的理解,跨域问题是当包含IFRAME的网页的域与在IFRAME中打开的网页的域不同时。按照这个逻辑,任何东西都不应该在IFRAME中打开。当我在网页“top:9700”的IFRAME中嵌入网页“bottom:10700”时,出现错误。我无法在IFRAME中看到内容。错误是Accessdeniedinaccessingproperty'constructor'访问构造函数(_1.contructor)时出现错误isc.A.Function=functionisc_isA_Function(_1){if(_1==null)r

html前端跨域问题的解决方案

前言:在前端发出Ajax请求的时候,有时候会产生跨域问题,报错如下:AccesstoXMLHttpRequestat‘http://127.0.0.1/api/post’fromorigin‘null’hasbeenblockedbyCORSpolicy:No‘Access-Control-Allow-Origin’headerispresentontherequestedresource.针对以上问题,本文提供两种解决方案,CORS中间件和JSONP方法。在具体介绍解决方法之前,我们先明确以下前提条件:1、这两个方法都需要通过后端修改接口情况,无法单独通过前端解决跨域问题。2、什么是跨域?什