用于添加视口（或其他）标记的Firefox插件/扩展

Question

我有一个网站的样式（CSS），我可以用Stylish添加它。问题是该网站没有<meta name="viewport" content="width=device-width, initial-scale=1">

那么如何将这个标签与一些Firefox for Android插件一起添加？

Answer 1

回答我的问题:-)。你可以做到，你需要3件事：

1. Greasmonkey等效于Android - 您可以使用slides。
2. 添加标记的脚本。
3. @run-at document-start脚本的用户脚本指令。

实际上，第3部分对Firefox至关重要，因为动态更改viewport元标记效果不佳。在加载文档时添加它会给你带来奇怪的结果（另见USI addon）。

所以这是添加视口的用户脚本示例：

// ==UserScript==
// @name        Mobile example.com
// @namespace   com.something.unique.to.me
// @description Forces the website to behave responsive. Note that you probably need some CSS too.
// @include     http://example.com/*
// @include     https://example.com/*
// @version     1.0
// @grant       none
// @run-at      document-start
// ==/UserScript==

function addViewport() {
    var metaTag=document.createElement('meta');
    metaTag.name = "viewport"
    metaTag.content = "width=device-width, initial-scale=1.0"
    document.querySelector('head').appendChild(metaTag);
}

addViewport();