FUNCIONALIDADE
Cria um novo elemento <style> que será usado para inserir CSS no documento.
Define o conteúdo CSS que será aplicado aos elementos específicos da página. O uso de !important garante que esses estilos tenham prioridade sobre outros estilos existentes.
Adiciona o elemento <style> ao do documento, aplicando os estilos definidos aos elementos que correspondem aos seletores CSS.
VANTAGEMS
Melhor Experiência de Visualização
O script ajusta automaticamente certos elementos da página para ocupar toda a tela, proporcionando uma experiência de visualização mais imersiva e sem distrações.
Compatibilidade Universal
Como o script é configurado para rodar em qualquer URL (:///*), ele pode ser utilizado em qualquer site, garantindo que você tenha uma experiência de tela cheia em qualquer página da web.
Personalização de Elementos Específicos
O script aplica estilos personalizados a divs com tabindex="-1" e a classe two, permitindo que esses elementos sejam ajustados conforme necessário, como redimensionamento horizontal e controle de overflow.
Execução Antecipada
Configurado para rodar no início do carregamento do documento (document-start), o script garante que as alterações sejam aplicadas antes que a maioria do conteúdo da página seja carregada, evitando flashs de conteúdo sem estilo.
Facilidade de Implementação
O script pode ser facilmente adicionado e gerenciado usando extensões populares como Tampermonkey ou Greasemonkey, sem a necessidade de modificações complexas no código do site.
Flexibilidade e Controle
Permite que os usuários tenham mais controle sobre a aparência e o comportamento dos elementos na página, ajustando-os conforme suas preferências e necessidades específicas.
#EXEMPLO
Whatsapp FullScreen