通过javascript使网页识别我自己的设备以进行调试

Question

我使用Joomla构建我的网站，默认情况下页面是响应式的。我想关闭响应式设计，但后端没有关闭选项，所以我不得不使用：

  $('meta[name=viewport]').attr('content','width=1200px');

关闭响应，以便我不必为移动布局而烦恼....一段时间。现在该网站已上线，我即将开始使页面响应。我想在实时页面上调试这个，但是当我还在调整它时，不希望其他用户看到一些混乱的页面。所以我在想是否有办法让页面只识别我自己的设备。

我知道我可以使用登录系统，但这太复杂了。我能想到的最简单的方法就是这样做

  if (location.search.indexOf('nores') < 0) {
    j('meta[name=viewport]').attr('content','width=1200px');
  }

然后像这样mystie.com?nores打开每个页面。但这仍然有点麻烦，除了我无法自由浏览页面。

我能够找到的另一种方法是向userAgent添加一些自定义字符串，我认为这可以通过Chrome的开发人员工具完成，但移动浏览器呢？类似于使用localStorage，在PC上，我可以打开页面，转到控制台并执行localStorage.setItem('nores',true)，但我该如何为手机执行此操作？