javascript - .replaceWith() 函数会改变搜索引擎看到的代码吗？

Question

我已经设法修改了某些 H1 的内容，因为我不希望它们从全局变量返回值。我使用了代码；

<script type="text/javascript">
$(document).ready(function() {
$("H1").filter(function() {  return $(this).text() === "Oak"; }).replaceWith('<H1>Solid Oak Furniture</H1>');
$("H1:contains('Countryside Oak')").replaceWith('<H1>Countryside Oak Furniture</H1>');  
});    
</script>

我的问题是当我查看源代码时，它显示的是“旧”代码。

例。而不是显示 <H1>Solid Oak Furniture</H1>它仍然显示 <H1>Oak</H1>

但是如果我使用 inspect element 它会显示新代码 <H1>Solid Oak Furniture</H1>

那么当前代码实际上是哪个？

Answer 1

当您查看页面的源代码时，它通常是网络服务器在页面加载时返回的原始文本。不会反射(reflect)在客户端对 DOM 执行的任何操作。

大多数现代元素检查器确实正确地反射(reflect)了来自 JavaScript 等的更新和操作。别担心，正确的 HTML 内容如您所料(即 <H1>Solid Oak Furniture</H1> )。

话虽如此，由于 JavaScript(以及 jQuery)在客户端执行，对 DOM 的修改通常不会包含在搜索引擎结果中，因为它们的蜘蛛通常不包含 JavaScript 引擎。如果您出于 SEO 目的需要修改 DOM，请使用 PHP 或手动更改 HTML 并重新上传到网络服务器。