在javascript中设置属性时未捕获的TypeError

Question

经过大量研究，我终于找到了如何在Chrome DevTools中使用javascript设置网页的初始比例。代码应该是这样的：

document.getElementById("viewport").setAttribute("content", "initial-scale=0.5, user-scalable=yes");

但是，我总是收到错误：Uncaught TypeError: Cannot read property 'setAttribute' of null(…)我在不同的页面上尝试过此操作。有什么改变了吗？我在不同的帖子中找到了这种方法。

Answer 1

错误消息表明页面上没有id为"viewport"的元素。您可能希望修改viewport meta tag上的属性，在这种情况下this answer使用JavaScript描述正确的方法。

Answer 2

我首先尝试使用document.getElementById("viewport");以及稍后使用完整代码并且它有效。

以下是截图结果：

所以，也许试试这个。调用document.getElementById("viewport");，如果if不为null或未定义，则执行：

document.getElementById("viewport").setAttribute("content", "initial-scale=0.5, user-scalable=yes");