可以创建一个网页'在加载页面之前，必须访问的标题

Can a webpage's title be accessed before the page is done loading?

本文关键字：加载 标题 访问 创建 网页 一个      更新时间：2023-09-26

因此，我正在构建一个Chrome插件，该插件需要访问用户可见页面的DOM以实现各种目的。我还需要使用页面的标题，但似乎没有必要等到整个页面都通过加载

$(document).on("DOMContentLoaded", function () {
    onLoad();
});

在页面加载完成之前，我是否可以访问页面的标题（因为它已经在浏览器中可见）？

我想这样做的原因是我的扩展发送（并等待的响应）一个API调用（只依赖于页面标题），所以我想尽快启动这个过程。

谢谢！

我实际上还没有尝试过，但如果在运行扩展脚本时已经加载了页面header，那么下面的应该为您提供标题：

document.head.getElementsByTagName('title')[0].innerText
// EDIT: Or I guess you could just use document.title

有些网站可能会用脚本修改页面标题，因此在页面完全加载后验证标题可能是个好主意。

尝试将包括document.title="title"在内的<script>元素放在<title>元素之前。这应该在加载body之前设置document的title

document.body.textContent = document.title
<!doctype html>
<html>
<head>
<script>
  document.title = "def"
</script>
  <title>abc</title>
</head>
<body>
</body>
</html>

相关文章：