Chciałbym per wybrana strona ustawiać customowy viewport, czy znacie może skuteczne rozwiązanie niewymagające odpalania dev toolsów albo zmniejszania okienka przeglądarki?
Hmmmm, myślałem, że coś takiego może dać radę osiągnąć userstylesami, ale CSS-em nie można zmieniać szerokości viewportu i style oparte o vh
i vw
się rozjeżdżają, gdy zmieniam rozmiary elementu <html>
.
Wtyczka może zmieniać rozmiar całego okna przeglądarki - wtedy de facto kurczy się / rośnie viewport - ale zakładam, że takie coś nie byłoby dla Ciebie pożądane.
Zjada też mnie ciekawość, jaki masz use-case dla takiej wtyczki
Skryptozakładki!
javascript:(function(){
document.body.style.maxWidth = '375px';
document.body.style.margin = '0 auto';
document.body.style.border = '2px dashed red';
document.body.style.zoom = '1';
})();
To nie zmieni viewportu niestety, więc style opierające się o vw
będą się sypać :<
Użyj dodatku Tampermonkey i dodaj customowy JS zmieniający albo dodający viewport:
let vp = document.querySelector('meta[name="viewport"]');
if (!vp) {
vp = document.createElement('meta');
vp.name = 'viewport';
document.head.appendChild(vp);
}
vp.content = 'width=500, initial-scale=1';
1 Like
Zbyt wielki player na yt na 1440p, kiedyś był mniejszy, różne wtyczki dedykowane dla yt wymiękają, podobnie user styles
1 Like
Dzięki, sprawdzę!