Full screen for Android
Created: 2025-05-06 20:55:14 | Last updated: 2025-05-06 20:55:14 | Status: Public
Chrome
- Make a bookmark
- Edit it and give it a new new like
GoFullScreen
- Change the URL to
javascript: (function(){document.querySelector("body").requestFullscreen();})();
Firefox
- Use Greasemonkey
- Add a userscript with:
- I should edit this to remove the oval shape
// ==UserScript==
// @name Webpage Fullscreen Toggle
// @namespace http://tampermonkey.net/
// @version 1.0
// @description Adds a button to toggle fullscreen mode for any webpage
// @author You
// @match *://*/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
// Create the fullscreen toggle button
const fullscreenButton = document.createElement('button');
fullscreenButton.textContent = '⛶';
fullscreenButton.title = 'Toggle Fullscreen';
fullscreenButton.style.position = 'fixed';
fullscreenButton.style.bottom = '20px';
fullscreenButton.style.right = '20px';
fullscreenButton.style.zIndex = '9999';
fullscreenButton.style.fontSize = '24px';
fullscreenButton.style.width = '40px';
fullscreenButton.style.height = '40px';
fullscreenButton.style.borderRadius = '50%';
fullscreenButton.style.border = '2px solid #333';
fullscreenButton.style.backgroundColor = 'rgba(255, 255, 255, 0.7)';
fullscreenButton.style.cursor = 'pointer';
fullscreenButton.style.display = 'flex';
fullscreenButton.style.alignItems = 'center';
fullscreenButton.style.justifyContent = 'center';
// Add hover effect
fullscreenButton.addEventListener('mouseover', function() {
this.style.backgroundColor = 'rgba(255, 255, 255, 0.9)';
});
fullscreenButton.addEventListener('mouseout', function() {
this.style.backgroundColor = 'rgba(255, 255, 255, 0.7)';
});
// Function to toggle fullscreen
function toggleFullScreen() {
if (!document.fullscreenElement) {
// If not in fullscreen mode, enter fullscreen
if (document.documentElement.requestFullscreen) {
document.documentElement.requestFullscreen();
fullscreenButton.textContent = '⏹';
} else if (document.documentElement.mozRequestFullScreen) { // Firefox
document.documentElement.mozRequestFullScreen();
fullscreenButton.textContent = '⏹';
} else if (document.documentElement.webkitRequestFullscreen) { // Chrome, Safari
document.documentElement.webkitRequestFullscreen();
fullscreenButton.textContent = '⏹';
} else if (document.documentElement.msRequestFullscreen) { // IE/Edge
document.documentElement.msRequestFullscreen();
fullscreenButton.textContent = '⏹';
}
} else {
// If in fullscreen mode, exit fullscreen
if (document.exitFullscreen) {
document.exitFullscreen();
fullscreenButton.textContent = '⛶';
} else if (document.mozCancelFullScreen) { // Firefox
document.mozCancelFullScreen();
fullscreenButton.textContent = '⛶';
} else if (document.webkitExitFullscreen) { // Chrome, Safari
document.webkitExitFullscreen();
fullscreenButton.textContent = '⛶';
} else if (document.msExitFullscreen) { // IE/Edge
document.msExitFullscreen();
fullscreenButton.textContent = '⛶';
}
}
}
// Add click event to the button
fullscreenButton.addEventListener('click', toggleFullScreen);
// Listen for fullscreenchange event to update button appearance
document.addEventListener('fullscreenchange', function() {
if (document.fullscreenElement) {
fullscreenButton.textContent = '⏹';
} else {
fullscreenButton.textContent = '⛶';
}
});
// Also handle browser-specific events
document.addEventListener('mozfullscreenchange', function() {
if (document.mozFullScreenElement) {
fullscreenButton.textContent = '⏹';
} else {
fullscreenButton.textContent = '⛶';
}
});
document.addEventListener('webkitfullscreenchange', function() {
if (document.webkitFullscreenElement) {
fullscreenButton.textContent = '⏹';
} else {
fullscreenButton.textContent = '⛶';
}
});
document.addEventListener('MSFullscreenChange', function() {
if (document.msFullscreenElement) {
fullscreenButton.textContent = '⏹';
} else {
fullscreenButton.textContent = '⛶';
}
});
// Add the button to the page
document.body.appendChild(fullscreenButton);
// Key shortcut (Alt+F) to toggle fullscreen
document.addEventListener('keydown', function(e) {
if (e.altKey && e.key === 'f') {
toggleFullScreen();
}
});
})();