enbita fullscreen

Automatically enter fullscreen when a page loads

  1. // ==UserScript==
  2. // @name enbita fullscreen
  3. // @namespace enbita fullscreen
  4. // @version 1.0
  5. // @description Automatically enter fullscreen when a page loads
  6. // @match *://*/*
  7. // @grant none
  8. // @license MIT
  9. // ==/UserScript==
  10.  
  11. (function() {
  12. 'use strict';
  13.  
  14. // 전체화면 요청 함수
  15. function enterFullscreen() {
  16. const elem = document.documentElement;
  17. if (elem.requestFullscreen) {
  18. elem.requestFullscreen();
  19. } else if (elem.webkitRequestFullscreen) { // Safari
  20. elem.webkitRequestFullscreen();
  21. } else if (elem.msRequestFullscreen) { // IE11
  22. elem.msRequestFullscreen();
  23. }
  24. }
  25.  
  26. // 사용자의 상호작용이 필요하므로 트리거 버튼 삽입
  27. function createTriggerButton() {
  28. const btn = document.createElement('button');
  29. btn.textContent = '전체화면 시작';
  30. btn.style.position = 'fixed';
  31. btn.style.top = '10px';
  32. btn.style.right = '10px';
  33. btn.style.zIndex = '9999';
  34. btn.style.padding = '10px';
  35. btn.style.backgroundColor = '#000';
  36. btn.style.color = '#fff';
  37. btn.style.border = 'none';
  38. btn.style.borderRadius = '5px';
  39. btn.style.fontSize = '16px';
  40. btn.onclick = function () {
  41. enterFullscreen();
  42. btn.remove(); // 버튼은 한 번 누른 뒤 제거
  43. };
  44. document.body.appendChild(btn);
  45. }
  46.  
  47. window.addEventListener('load', () => {
  48. createTriggerButton();
  49. });
  50.  
  51. })();