web前端

Chrome 浏览器禁用三方 Cookies,今天已经开始全球 1% 的灰度,这个问题也折腾了我好几天,踩到一些坑

Chrome 浏览器禁用三方 Cookies,今天已经开始全球 1% 的灰度,这个问题也折腾了我好几天,踩到一些坑。

1)禁用三方 Cookies 是 Google 搞的 Privacy-Sandbox 项目的子项,最主要的目的是为了保护用户的在线隐私,但从厂商角度来看,这也是 Google 对数字广告业的一次主动出击,未来广告主推送广告的精准度将更大程度依赖 Google 系统或平台提供的能力;对应的,苹果在 iOS 14 也推出了 App Tracking Transparency(ATT)技术,目的也是为了提高用户隐私透明度,看资讯说这项技术让 Facebook 损失了 100 亿美元的广告收入,而苹果自身却没有受到此规则的限制。…

    

Chrome 浏览器限制访问第三方 cookies,会存在哪些影响呢

Chrome 在 2024.01.04 也就是下周四,会开启 1% 的全球灰度,限制(默认禁止)Chrome 浏览器访问第三方 cookies,网页链接,其目的是通过限制网站对第三方 cookie 的访问来限制跨站点跟踪,同时也可以防范大量 CSRF 攻击问题,影响的网站会比较多(如图一)。

会存在哪些影响呢?主要包括两类场景:…

    

html页面 ajax调用的数据显示异常或操作异常解决.

html页面 ajax调用的数据显示异常或操作异常解决.

表现为页面某个部分的显示是通过 ajax调用的数据渲染的.但是却无法正确显示,或正确操作.

这一般和页面的调用时间流有关.出现这种问题,一般是渲染脚本,已经加载,但是ajax数据还没有就绪.

一般这时把AJAX改为同步模式,即可.这 样就加载完成数据后,再调用渲染脚本.(脚本要放到页面后面调用).

ajax默认是异步的.

    

html to image 把html转换为图片

html to image 把html转换为图片
<div class="login-box" id="loginbox" style="width: 500px;">
要显示的内容
</div>
<script src="https://html2canvas.hertzen.com/dist/html2canvas.js"></script>
<script>
$(document).ready(function () {
setTimeout(function(){
downloadImage();
},1000)
});
functiondownloadImage(){
html2canvas(document.querySelector("#loginbox")).then(canvas=> {
a = document.createElement('a');
document.body.appendChild(a);
a.download = "test.png";
a.href = canvas.toDataURL();
a.click();
});
}
</script>

20 个令人惊叹的一行 JavaScript 代码

本文为转载翻译文章。

原文地址:dev.to/saviomartin…

原文作者:Savio Martin

今天,我想分享 20 个 令人惊叹的 JavaScript 一行代码,让你的工作更轻松。一起来看看吧!🚀

1. 获取浏览器 Cookie 的值

使用 document.cookie 来获取 Cookie 的值。

js
复制代码
const cookie = name => `; ${document.cookie}`.split(`; ${name}=`).

禁止别人调试自己的前端页面代码

 为啥要禁止?

  • 由于前端页面会调用很多接口,有些接口会被别人爬虫分析,破解后获取数据
  • 为了 杜绝 这种情况,最简单的方法就是禁止人家调试自己的前端代码

禁止调试

🎈 无限 debugger

  • 前端页面防止调试的方法主要是通过不断 debugger 来疯狂输出断点,因为 debugger 在控制台被打开的时候就会执行
  • 由于程序被 debugger 阻止,所以无法进行断点调试,所以网页的请求也是看不到的
  • 基础代码如下:
/**
* 基础禁止调试代码
*/
(() => {
	function ban() {
	  setInterval(() => {
	    debugger;
	  }, 50);