web前端

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

admin web前端 暂无评论 224 浏览

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

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

    
Read more

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

admin web前端 暂无评论 296 浏览

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

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

    
Read more

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

admin web前端 暂无评论 119 浏览

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

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

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

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

ajax默认是异步的.

…

    
Read more

原html to image 把html转换为图片

admin web前端 暂无评论 417 浏览
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>

…

Read more

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

admin web前端 暂无评论 95 浏览

本文为转载翻译文章。

原文地址：dev.to/saviomartin…

原文作者：Savio Martin

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

1. 获取浏览器 Cookie 的值

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

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

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

admin web前端 暂无评论 110 浏览

 为啥要禁止？

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

禁止调试

🎈 无限 debugger

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