☰

全屏按钮

一个简单的浮动按钮用于全屏显示网页。

  1. // ==UserScript==
  2. // @name         Fullscreen Button
  3. // @name:zh-CN      全屏按钮
  4. // @match  *://*/*
  5. // @version      0.2
  6. // @description A simple float button for entering fullscreen.
  7. // @description:zh-CN 一个简单的浮动按钮用于全屏显示网页。
  8. // @noframes
  9. // @license CC0
  10. // @namespace https://greasyfork.org/users/123506
  11. // ==/UserScript==
  12. 'use strict';
  13. document.body.insertAdjacentHTML("afterbegin",'<div id="b0n" style="background-color: rgb(209, 209, 209);position: fixed;display: flex;opacity: 0.66;margin: 1em;z-index: 2147483647" ><svg width="24" height="24"><path d="M7,14L5,14v5h5v-2L7,17v-3zM5,10h2L7,7h3L10,5L5,5v5zM17,17h-3v2h5v-5h-2v3zM14,5v2h3v3h2L19,5h-5z"/></svg></div>');
  14. var btn=document.getElementById("b0n");
  15. var reF=document.documentElement.requestFullscreen||document.documentElement.webkitRequestFullscreen;
  16. var action=function(){
  17.     reF.call(document.documentElement);
  18.     btn.remove();
  19. }
  20. btn.onclick=action;
  21.