动态更改视口

Question

我需要将自己的JS添加到客户的现有网站。要求是我无法改变该网站上的任何内容。

在网站中，它定义了body标签内的视口（虽然这不是一个好习惯，但正如我所提到的，我们不允许更改任何内容）。

<meta name="viewport" content="width=1600">

我现在需要使用我的JS将其视口内容更改为以下内容。所以它在手机上看起来会更好。

<meta name="viewport" content="width=device-width">

我尝试使用以下不起作用的代码对其进行修改。

document.addEventListener("DOMContentLoaded", function(event) {
    for(var i=0;i<document.getElementsByTagName("meta").length;i++){
        if(document.getElementsByTagName("meta")[i].name.toLowerCase()=="viewport"){
            document.getElementsByTagName("meta")[i].setAttribute("content","width=320px");
        }
    }
});