Como usar e visualizar o jsfiddle.net em tela cheia? em Tecnologia

Responder

Autor da pergunta: YK mny Scripteiro 

Como usar e visualizar o jsfiddle.net em tela cheia? 

Existe alguma forma de deixar o console do site jsfiddle.net em tela cheia e programar com a tela maior?, remover a sidebar lateral?   

Perguntado em: Tecnologia 

REF-1705719759 

 

Deseja acompanhar as respostas para esta pergunta?

Clique
para acompanhar as respostas. Ver Minhas Perguntas

Sabe a Resposta? responda usando o Facebook:

2 Comentários

Sabe a Resposta? responda esta pergunta a seguir e ajude a comunidade:
  1. sim existe uma forma de remover a lateral inteira e ficar mais livre para programar no console:

    👉1º passo: Instale a extensão "Stylebot", que fará com que voce personalize o css de qualquer site.

    👉Instale-a aqui:

    https://chromewebstore.google.com/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha



    👉2º passo: vá ate o endereço www.jsfiddle.net no seu navegador Google Chrome.



    👉3ºpasso: na guia superior direita do lado do seu avatar da sua conta no Chrome, clique no simbolo extensão (uma peça de quebra-cabeças) e clique em "Stylebot"

    Ver Image: https://ibb.co/164XB6j



    👉4º passo: Abrir Stylebot



    👉5ºpasso: click em "Modo de código" assim como na imagem: https://ibb.co/pxcwV1z



    👉6º e ultimo passo: Adicione o treixo CSS dentro do espaço em branco a seguir:

    #layout-container {
    left:-200px

    }

    div.panel-h.panel.resultsPanel{
    width: 500px;
    }

    div.gutter.gutter-vertical {
    width: 1350px;
    }

    iframe {
    width: 100%;
    }
    div.panel-h.panel.resultsPanel{
    width: 100%;
    overflow-x: hidden;

    }
    div.panel-v.right {
    overflow-x: hidden;
    }
    div.panel-v.left {
    overflow-x: hidden;
    }
    .windowLabelCont, .windowLabelCont, .windowLabel {
    position: abso;
    left: 100px;

    }




    👉veja a imagem a seguir de como colar o codigo:

    https://ibb.co/x8BWhQH


    pronto! todas as paginas do jsfiddle vão abrir em tela cheia ficando maior o seu espaço de trabalho!

    espero ter ajudado algum programador!

    ResponderExcluir
  2. Kate Orlova - Stackoverflow1/21/2024 03:22:00 PM

    Eu gostei da primeira configuração, porem, algumas vezes temos que adicionar algumas bibliotecas externas javascript, posicionei melhor e veja a minha versão:

    div.body {
    width: 100%;
    position:absolute;
    padding: 0 5px;
    height: 34px;
    top:-50px;
    left: 780px;
    z-index: 9999999;
    }
    #sidebar textarea {
    height: 30px;
    max-width: 100%;
    padding: 5px;
    resize: none;
    left: 220px;
    position: absolute;
    top:0px;
    }

    h3.toggler.proBadge {
    display: none;
    }

    p.privateFiddleCont {
    display: none;
    }

    h3.toggler {
    width: 600px;
    height: 40px;
    overflow: hidden;
    top: 20px;
    left:1800px;
    z-index: 999999999;
    }

    #layout-container {
    left:-200px

    }

    div.panel-h.panel.resultsPanel{
    width: 500px;
    }

    div.gutter.gutter-vertical {
    width: 1350px;
    }

    iframe {
    width: 100%;
    }
    div.panel-h.panel.resultsPanel{
    width: 100%;
    overflow-x: hidden;

    }
    div.panel-v.right {
    overflow-x: hidden;
    }
    div.panel-v.left {
    overflow-x: hidden;
    }
    .windowLabelCont, .windowLabelCont, .windowLabel {
    position: abso;
    left: 100px;

    }

    ResponderExcluir
Postagem Anterior Próxima Postagem
Classificados Grátis AnunciarBr | Cadastre seu comércio e produtos
Classificados Grátis | Cadastre seu comércio · ADS
Classificados Grátis AnunciarBr | Cadastre seu comércio e produtos
Classificados Grátis | Cadastre seu comércio · ADS