草庐IT

utm_content

全部标签

谷歌插件inject注入脚本与content script基于Promise+async/await 同步通信实现过程

背景因为 web page 和 content script 是两个隔离环境,在 web page(普通网页) 中有 CSP 安全机制,而在 mac m1 环境,MV3 版本下无法修改 response.header 这个 bug 半年前反馈给谷歌,后续也没见结果,所以,想在 web page 网页中直接请求远程 url 是走不通的,只有借助 content script 来协助请求数据,但是这里牵涉到两个步骤,能否实现异步转同步方式来处理这个过程?前置知识content script 如果要访问服务端,需要将服务端的域名放在 host_permissions 中,这样 content scr

谷歌插件inject注入脚本与content script基于Promise+async/await 同步通信实现过程

背景因为 web page 和 content script 是两个隔离环境,在 web page(普通网页) 中有 CSP 安全机制,而在 mac m1 环境,MV3 版本下无法修改 response.header 这个 bug 半年前反馈给谷歌,后续也没见结果,所以,想在 web page 网页中直接请求远程 url 是走不通的,只有借助 content script 来协助请求数据,但是这里牵涉到两个步骤,能否实现异步转同步方式来处理这个过程?前置知识content script 如果要访问服务端,需要将服务端的域名放在 host_permissions 中,这样 content scr

如何使用Docker Content Trust为容器确保安全?

​译者|布加迪审校|孙淑娟在跨联网系统交换数据时,信任是一个关键问题。在通过像互联网这样不可靠的媒介进行交互时,为系统依赖的所有数据的发布者确保完整性尤为重要。需要强大的加密保证来保护数据,这时候Docker ContentTrust(DCT)有了用武之地。Docker(DCT)就基础架构中使用的软件类型和版本提供了强大的加密保证。Docker ContentTrust随Docker版本1.8一同发布。DockerContentTrust添加的安全措施可以检查容器镜像、存放应用程序组件的容器文件以及保存在DockerHub等注册中心的内容的一致性。借助注册中心,DockerContentTru

如何使用Docker Content Trust为容器确保安全?

​译者|布加迪审校|孙淑娟在跨联网系统交换数据时,信任是一个关键问题。在通过像互联网这样不可靠的媒介进行交互时,为系统依赖的所有数据的发布者确保完整性尤为重要。需要强大的加密保证来保护数据,这时候Docker ContentTrust(DCT)有了用武之地。Docker(DCT)就基础架构中使用的软件类型和版本提供了强大的加密保证。Docker ContentTrust随Docker版本1.8一同发布。DockerContentTrust添加的安全措施可以检查容器镜像、存放应用程序组件的容器文件以及保存在DockerHub等注册中心的内容的一致性。借助注册中心,DockerContentTru

Content Security Policy(CSP)应用及说明

  什么是CSPCSP全称ContentSecurityPolicy,可以直接翻译为内容安全策略,说白了,就是为了页面内容安全而制定的一系列防护策略.通过CSP所约束的的规责指定可信的内容来源(这里的内容可以指脚本、图片、iframe、fton、style等等可能的远程的资源)。通过CSP协定,让WEB处于一个安全的运行环境中。有什么用?我们知道前端有个很著名的”同源策略”,简而言之,就是说一个页面的资源只能从与之同源的服务器获取,而不允许跨域获取.这样可以避免页面被注入恶意代码,影响安全.但是这个策略是个双刃剑,挡住恶意代码的同时也限制了前端的灵活性,那有没有一种方法既可以让我们可以跨域获取

Content Security Policy(CSP)应用及说明

  什么是CSPCSP全称ContentSecurityPolicy,可以直接翻译为内容安全策略,说白了,就是为了页面内容安全而制定的一系列防护策略.通过CSP所约束的的规责指定可信的内容来源(这里的内容可以指脚本、图片、iframe、fton、style等等可能的远程的资源)。通过CSP协定,让WEB处于一个安全的运行环境中。有什么用?我们知道前端有个很著名的”同源策略”,简而言之,就是说一个页面的资源只能从与之同源的服务器获取,而不允许跨域获取.这样可以避免页面被注入恶意代码,影响安全.但是这个策略是个双刃剑,挡住恶意代码的同时也限制了前端的灵活性,那有没有一种方法既可以让我们可以跨域获取

ERR_CONTENT_LENGTH_MISMATCH解决

问题描述前端页面加载css,和js文件的时候,经常出现ERR_CONTENT_LENGTH_MISMATCH的报错情况定位问题在单独打开hearder中css,js的网络地址是能打开的,所以排除了最简单的地址错误。前端项目是由nginx代理的,所以可以查看nginx的日志,看看有无线索。进入${NGINX_HOME}\logs,查看error.log,得到如下信息:open()"/usr/local/nginx/proxy_temp/4/30/0000000304"failed(13:Permissiondenied)whilereadingupstream那么,为什么nginx要访问prox

ERR_CONTENT_LENGTH_MISMATCH解决

问题描述前端页面加载css,和js文件的时候,经常出现ERR_CONTENT_LENGTH_MISMATCH的报错情况定位问题在单独打开hearder中css,js的网络地址是能打开的,所以排除了最简单的地址错误。前端项目是由nginx代理的,所以可以查看nginx的日志,看看有无线索。进入${NGINX_HOME}\logs,查看error.log,得到如下信息:open()"/usr/local/nginx/proxy_temp/4/30/0000000304"failed(13:Permissiondenied)whilereadingupstream那么,为什么nginx要访问prox

使用 content-visibility 优化渲染性能

最近在业务中实际使用content-visibility进了一些渲染性能的优化。这是一个比较新且有强大功能的属性。本文将带领大家深入理解一番。何为content-visibility?content-visibility:属性控制一个元素是否渲染其内容,它允许用户代理(浏览器)潜在地省略大量布局和渲染工作,直到需要它为止。MDN原文:Thecontent-visibilityCSSpropertycontrolswhetherornotanelementrendersitscontentsatall,alongwithforcingastrongsetofcontainments,allowi

使用 content-visibility 优化渲染性能

最近在业务中实际使用content-visibility进了一些渲染性能的优化。这是一个比较新且有强大功能的属性。本文将带领大家深入理解一番。何为content-visibility?content-visibility:属性控制一个元素是否渲染其内容,它允许用户代理(浏览器)潜在地省略大量布局和渲染工作,直到需要它为止。MDN原文:Thecontent-visibilityCSSpropertycontrolswhetherornotanelementrendersitscontentsatall,alongwithforcingastrongsetofcontainments,allowi