内联样式元素出现在开发人员 window 中，但在查看源代码时却没有
Inline style element appers in develoer window but not when viewing source code
我正在查看具有 captcha 的表单。正在应用的 CSS 使它看起来很古怪。我正要诊断问题，我正在查看在我的 Google chrome 开发人员 window 中应用的样式。对于每个单独的规则，框的右上角都有浅灰色文本，说明代码的来源。我感兴趣的一条规则表明它来自 <style></style>，我认为这是一条内联样式规则。单击源，它会将我带到已定义的 <style> 元素，并且确实有规则。这些规则在源文件中不存在，所以我很确定该元素是通过 javascript 附加的。当我点击 ctrl + u 查看源代码时，<style> 元素不存在。
如何查看开发人员中存在的元素 window 而视图源代码中不存在该元素？
由JavaScript创建的元素在源代码中不可见，那是因为它们是动态创建的，当您使用"view page source"时，您无需执行[即可获得服务器返回页面的源代码JavaScript.
我正在查看具有 captcha 的表单。正在应用的 CSS 使它看起来很古怪。我正要诊断问题，我正在查看在我的 Google chrome 开发人员 window 中应用的样式。对于每个单独的规则，框的右上角都有浅灰色文本，说明代码的来源。我感兴趣的一条规则表明它来自 <style></style>，我认为这是一条内联样式规则。单击源，它会将我带到已定义的 <style> 元素，并且确实有规则。这些规则在源文件中不存在，所以我很确定该元素是通过 javascript 附加的。当我点击 ctrl + u 查看源代码时，<style> 元素不存在。
如何查看开发人员中存在的元素 window 而视图源代码中不存在该元素？
由JavaScript创建的元素在源代码中不可见，那是因为它们是动态创建的，当您使用"view page source"时，您无需执行[即可获得服务器返回页面的源代码JavaScript.