gpt4 book ai didi

css - 我可以在 Chrome DevTools 中看到动态生成的 CSS 源代码吗?

转载 作者:行者123 更新时间:2023-12-05 02:24:02 25 4
gpt4 key购买 nike

我加载了一个可输出 HTML、CSS 和其他 Javascript 的 Javascript 小部件。

页面的源码(test.html)就是

<!DOCTYPE html>
<html lang="en">
<head>
<title>Widget Test</title>
</head>
<body>
<div id="widget"></div>
<script type="text/javascript" src="http://widgets.some.site/render?element_id=widget_id&customer_id=999999&gallery=22222&widget_config=769792669" async="async">
</script>
</body>
</html>

脚本执行并生成一个小部件。我可以在 Chrome DevTools 的元素选项卡中看到 HTML 节点。检查特定元素时,检查员说它的样式位于 test.html:239,但是当我单击链接时,它再次显示源页面。

当我在 Firebug 中加载页面时,单击行号会将我转到由 Firefox 维护的样式表的内部版本。 Chrome DevTools 也有办法做到这一点吗?我喜欢 Firebug 的动态生成 CSS 输出,因为我可以非常轻松地复制和粘贴。

最佳答案

不,您将无法看到来源,因为动态生成<style>标记它不存储在任何地方,并在解析后立即被丢弃,这与外部或内联样式表不同,它们具有基础源文本(分别在 foo.css 文件或加载的文档 <style> 标记中)。

您将导航到文档,因为您看不到样式表本身,这是 DevTools 在这种情况下的最大努力。

关于css - 我可以在 Chrome DevTools 中看到动态生成的 CSS 源代码吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16289169/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com