为什么在chrome开发工具中重新计算样式之前对js进行了评估？
在Chrome开发工具中重新计算样式之前对JS进行评估的原因是为了确保在计算样式时能够准确地反映出JS对DOM的修改所带来的影响。当JS对DOM进行修改时，可能会导致元素的尺寸、位置、显示状态等发生变化，这些变化会影响到元素的样式计算。
通过在重新计算样式之前对JS进行评估，可以将JS对DOM的修改应用到样式计算中，确保样式计算的准确性。这样可以避免在开发过程中出现样式计算与实际效果不一致的情况，提高开发效率。
在Chrome开发工具中重新计算样式之前对JS进行评估的具体步骤如下：
- 当JS对DOM进行修改时，浏览器会记录下这些修改操作。
- 在重新计算样式之前，浏览器会根据记录的修改操作，将这些操作应用到DOM上，使得DOM的状态与JS对其的修改保持一致。
- 然后，浏览器会重新计算样式，考虑到了JS对DOM的修改，确保样式计算的准确性。
- 最后，浏览器会根据重新计算的样式，更新页面的显示效果，使得开发者可以看到最新的样式效果。
这种在重新计算样式之前对JS进行评估的机制，可以帮助开发者更好地理解和调试页面的样式计算过程，提高开发效率和调试效果。
推荐的腾讯云相关产品：腾讯云云服务器（https://cloud.tencent.com/product/cvm）
相关·内容
2回答
为什么在chrome开发工具中重新计算样式之前对js进行了评估？
javascript、html、css、google-chrome-devtools
说CSS是渲染阻塞，所以js将在构建CSSOM(也称为.在开发工具中重新计算样式)
浏览 22提问于2021-05-16得票数 8
回答已采纳
3回答
让您的chrome扩展的样式表覆盖站点的CSS
css、google-chrome、google-chrome-extension
我正在写一个Chrome扩展来修改一个特定页面的CSS。但是，当我尝试使用style.min.css应用样式时，我的电子表格在级联中呈现在站点的电子表格之前。准确地说，我的规则是在他们之前计算的，所以他们的规则会覆盖我的。例如，如果我尝试这样做 article {} 他们的规则最后计算，我的背景不会是红色的。 这就是开发工具的样子。我们可以看到我的注入样式表<e
浏览 44提问于2019-10-17得票数 1
1回答
如何确定导致iOS Safari中的“样式无效”的原因？
css、angularjs、safari、mobile-safari、angular-material
当我在iOS上滚动时，我正在追踪性能问题。在touchstart和touchend上，Safari都是无效的，然后重新计算样式，这会导致滚动响应之前稍有延迟。这对Chrome有很大帮助，但对iOS Safari却毫无帮助。分析器仍然报告样式正在重新计算。从具有position: fixed;的DOM中移除所有元素
检查分析器报告的每一行Javascript (在我的测试
浏览 5提问于2016-12-16得票数 18
2回答
为什么Javascript导致FOUC
javascript、jquery、onload、domready、fouc
我正在开发包含大量Javascript和jQuery的 --据我所知，其中大部分都是在文档准备好后触发加载的。但是，当页面加载时，您将得到大约一秒的白色FOUC。如何确保Javascript在页面加载之后才开始加载？它已经被广泛的使用了..。所以Javascript不应该在页面完成加载和呈现之前触发.对吗？但是不知怎么的，页面在呈现之前等待脚本完成--尽管它不需要，因为页面看起来
浏览 1提问于2013-01-16得票数 1
5回答
为什么Chrome工具没有显示“计算”选项卡？
css、google-chrome、google-chrome-devtools、devtools
我正在学习开发工具中的Box模型，但是在浏览developer 时无法看到“计算选项卡”。我重新下载了Chrome和Canary 2，但它们在显示“样式”和“事件侦听器”之间的计算选项卡方面都没有区别。过去有没有人遇到过这个问题？
*我附上了我所看到的屏幕截图。
浏览 1提问于2019-03-16得票数 3
1回答
SASS源码映射Chrome不能正确重新加载CSS
css、google-chrome、sass、google-chrome-devtools、source-maps
我正在尝试让SASS源图和自动重新加载/保存到磁盘的功能正常工作。我已经用grunt-contrib-sass和手表任务进行了一切设置，以便在更改时重新编译我的.scss，并且我的源图在Chrome中工作正常，我可以编辑SASS并将其保存到磁盘上。我的问题是，当我编辑SASS时，页面会重新加载，就好像根本没有CSS一样。如果我随后重新加载页面，我所应用的更改确实在那里。
知道为什么会这样吗？在开发工
浏览 1提问于2013-12-18得票数 2
2回答
element.getBoundingClientRect()在FF和Chrome中返回错误的坐标
javascript、html、css、dom
执行刷新后，我希望返回到表中相同的更新字段。我试图找到对象的坐标(基本上是一个表行)。下面的代码片段在IE上运行良好。但在FF和Chrome中，它不起作用。因为它返回了错误的值。var x = element.getBoundingClientRect();我怎样才能得到FF和chrome的精确坐标？
浏览 1提问于2014-05-06得票数 0
2回答
即使未设置checked，Checkbox input仍将评估为选中
javascript、css、html
所以我试图弄清楚为什么下面的计算结果是真的，我总是认为如果省略了checked属性，那么它就不会计算为选中状态。我已经仔细检查了下面的代码，以确保状态不会因为一些JS而改变。在Chrome、Safari和Firefox上也进行了验证，并都将其评估为选中复选框。你知道为什么吗？
浏览 0提问于2017-12-11得票数 1
3回答
如何在firefox中调试占位符伪元素？
css、debugging、firefox、firebug
moz-placeholder { /*some additional font styling*/我可以点击"Inspect element“来查看所有关于元素的样式信息
浏览 1提问于2013-07-16得票数 17
3回答
在Vue.js中，如何禁用计算属性的缓存？
javascript、vue.js
在0.12.8之前，计算出的属性就像getter一样--每次访问它时，都会重新计算getter函数。在0.12.8中，这已经得到了改进--计算的属性是缓存的，并且只有在必要时才延迟重新评估。对于当前的项目，我实际上需要在每次访问时重新评估一些属性。当前的惰性评估无法工作的原因是，在我的一些属性中，还有其他“动态
浏览 5提问于2015-08-19得票数 17
1回答
查找哪些可观察到的依赖项更改触发计算值；转储上下文
knockout.js
如果我在计算的knockout.js中设置一个断点，我会在调用堆栈中看到两个帧(使用Chrome的F12工具)
我相信敲除器/节流阀使用超时机制计算评估。他们必须存储导致计算
浏览 0提问于2013-09-06得票数 7
回答已采纳
1回答
在Chrome渲染器模拟之后，如何改变元素的颜色？
javascript、google-chrome、google-chrome-devtools、accessibility、puppeteer
Chrome已经为他们的渲染器(在开发工具中)引入了一个选项来模拟视觉缺陷，比如色盲。但是，这些“过滤器”不会改变我可以通过JavaScript访问的CSS或计算样式。链接到Chrome更新此功能：
其他。操纵木偶的方法。
浏览 2提问于2020-09-19得票数 1
回答已采纳
4回答
在Chrome DevTools中实时更改Vue.js应用程序(Webpack模板)的页面样式
css、google-chrome、webpack、vue.js、google-chrome-devtools
我在Chrome 65.0.3325.146上运行它，但它也存在于64.X.XXX版本中。webpack.base.conf.js：到底发生了什么？当我通过Chrome dev tools更改样式时，它破坏了页面<
浏览 0提问于2018-03-19得票数 14
回答已采纳
1回答
我们在Rally WS for Python方面取得了一些成功。我们想投入2.0 SDK，并已开始观看大卫托马斯提供的视频。我们有一些JavaScript背景，但是Node包管理对我们来说是新的。在第三个视频中，建议使用扩展Chrome开发工具的终端应用程序。
终端显然需要URL和身份验证(它不像视频中显示的那样以常规命令行终端的形式出现)。在通过谷歌进行了一些研究之后，在Windows上似乎需要一个Node.<em
浏览 2提问于2013-12-21得票数 1
回答已采纳
1回答
为什么其他样式文件会被拉进来？
google-chrome、bootstrap-4
我正在故障排除一个小Html文件，其中只有一个样式表引用。我是。我现在很困惑。这个_navbar.scss文件是如何介入的？<em
浏览 2提问于2018-05-15得票数 1
回答已采纳
1回答
RequireJS不在IE9工作
javascript、internet-explorer、asynchronous、internet-explorer-9、requirejs
我正在经历一种相当奇怪的行为--我的RequireJS模块似乎根本没有在IE9下初始化和运行： ...</head>启动RequireJS模块执行的另一种方法是在其前面添加一个同步脚本调用：
&l
浏览 3提问于2012-10-05得票数 6
回答已采纳
1回答
Next.js - React在服务器上呈现时找不到模块“./page.scss”(保存文件后呈现的客户端工作正常)
css、reactjs、webpack、sass、next.js
/Header.css';，并应用样式。很容易使用你的开发工具，看看这些样式是从哪里来的。Next.js试图让每个人都使用样式- JSX将样式表内联到您的JSX文件中，类似于web组件(或聚合物)如何做到这一点。我个人非常不喜欢这种做法。其他问题：
样式-JSX在我
浏览 6提问于2017-09-28得票数 5
1回答
VS代码断点未能触发使用Debugger for Chrome：
javascript、visual-studio-code、vscode-extensions
我正在尝试使用Chrome扩展的调试器(v2.2.2)，但我无法获得断点的功能(我可以设置它们，但它们被忽略，声明未验证的断点)。我知道我需要在9222端口上启动带有调试的Chrome，通过以下方法实现：做了这些之后，我建立了一个非常简单的测试来演示这个问题我已经将launch.json配置如下(在.vscode文件夹中) "version": "0.2.0",
&
浏览 0提问于2016-11-19得票数 0
1回答
如果您可以访问其他计算机，是否很容易劫持浏览器会话？
http、session-fixation
如果有人可以访问我的计算机，如果会话id是在cookie中传递的，他们是否可以通过浏览器开发工具和用电话拍摄会话id的照片来轻松地获得我的会话id。例如：在java web应用程序中，jsessionid通常以cookie的形式传递(有时甚至在url中)，然后当他们想要的时候，他们可以将这个键值对添加到网站文档cookie中。如果是，为什么浏览器不采用某种安全机制，使具有物理访问计算</em
浏览 0提问于2019-05-22得票数 3
2回答
为什么计算样式显示与style选项卡不同的内容？
google-chrome、gwt、developer-tools
我有一个类有显示:在我的css中没有。当我将它应用到div时，“Style”选项卡显示显示:但没有显示div。当我转到“计算”选项卡时，它会显示我的div的display:block。如果我回到“样式”选项卡，取消选中显示:none，然后重新检查它，div就会消失。这似乎是Chrome中的一个错误，但我不确定。
我应该指出，它既不是灰色的，也不是较轻的文本，也没有划过。而且，基于GWT中的click事件，这个类被添加到一个div中，并
浏览 5提问于2014-07-02得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
