Uncaught SyntaxError: Unexpected token < in JSON at position 0

博客详细描述了在Chrome浏览器中iframe组件遇到的问题,即特定URL内容无法正常显示,而全屏功能可以正常工作。问题出现在Chrome 80版本之后,由于默认屏蔽第三方Cookie和CSRF漏洞导致。解决方案包括禁用特定Chrome设置,降级浏览器版本或切换到Firefox等其他浏览器。此问题可能影响依赖特定Cookie设置的网页内容加载。
摘要由CSDN通过智能技术生成

此问题出现在Chrome中的iframe组件无法显示url地址内容

具体描述下问题内容情况:

在这里插入图片描述

如图,底下小窗不显示内容, 右上角全屏功能跳转可以正常显示。

分析原因

​ 1.尝试适用其他浏览器查看:

Firefox可以正常显示,低版本Edge也可以正常显示,只有chrome不可以;

​ 2.在chrome的iframe中更换url尝试:

baidu.com这种可以直接显示,只有业务相关url不能显示;

​ 3.由于之前使用chrome没有发现此类问题:

选择较低版本chrome进行尝试,可以显示;

定位

Google浏览器版本自动升级的原因,Google在2020年2月4号发布的Chrome 80版本中默认屏蔽所有第三方Cookie,并且屏蔽了CSRF漏洞。

解决办法

1.在Chrome 地址中打开 chrome://flags/#same-site-by-default-cookies

​ 和 chrome://flags/#cookies-without-same-site-must-be-secure ,

​ 设置为 Disabled ,重启浏览器;

2.降低到79及以下的chrome版本进行使用;

3.更换Firefox等浏览器使用;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值