网络周刊 #185
内容提要
Chrome正在测试一种新型的“软导航”，旨在收集单页应用的网络指标，并引入新的sec-fetch头部以防止跨站请求伪造（CSRF）。Firefox则推出了setHTML方法，解决了innerHTML的安全问题，同时支持overflow: hidden元素的滚动和相对长度单位。
关键要点
-
Chrome正在测试一种新型的软导航，旨在收集单页应用的网络指标。
-
Chrome引入了新的sec-fetch头部，以防止跨站请求伪造（CSRF）。
-
Firefox推出了setHTML方法，解决了innerHTML的安全问题。
-
Firefox支持overflow: hidden元素的滚动和相对长度单位。
延伸解读
Chrome的软导航与网络指标
Chrome正在测试的软导航功能，旨在收集单页应用的网络指标。这一变化可能会影响开发者在优化应用性能时的策略，尤其是在用户体验和加载速度方面。开发者应关注这一新特性，以便更好地利用网络指标进行性能分析。
Firefox的setHTML方法
Firefox推出的setHTML方法解决了innerHTML的安全问题，减少了XSS攻击的风险。这一更新对开发者来说是一个重要的安全改进，建议在处理DOM时优先使用setHTML，以提高应用的安全性。
CSRF防护的新头部
Chrome引入的sec-fetch头部为防止跨站请求伪造（CSRF）提供了新的防护手段。开发者应当了解这一机制，并在实现安全策略时考虑使用该头部，以增强用户数据的安全性。
CSS相对长度单位的应用
Firefox支持的相对长度单位（如rcap、rch等）虽然较为小众，但在特定场景下仍然具有实用价值。开发者可以探索这些单位在布局和样式中的应用，以提升设计的灵活性和适应性。
延伸问答
Chrome的软导航有什么目的？
Chrome的软导航旨在收集单页应用的网络指标。
如何防止跨站请求伪造（CSRF）？
可以使用新的sec-fetch头部来防止跨站请求伪造（CSRF）。
Firefox的setHTML方法解决了什么问题？
Firefox的setHTML方法解决了innerHTML的安全问题，防止了XSS攻击。
overflow: hidden元素可以滚动吗？
是的，overflow: hidden的元素仍然可以滚动。
Firefox支持哪些新的相对长度单位？
Firefox支持相对长度单位rcap、rch、rex和ric。
什么是CSRF攻击？
CSRF攻击是指攻击者诱使用户的浏览器向用户已登录的网站发送未授权请求。
