Pagina inicial » Codificação » Como visualizar códigos fonte do site no iPad / iPhone [Quicktip]

    Como visualizar códigos fonte do site no iPad / iPhone [Quicktip]

    Você está usando seu iPad para navegar na Web e está curioso para ver a origem de uma página da Web, mas não tem as opções para isso. A próxima coisa que você sabe, você está trocando de volta para o seu Mac ou PC para abrir o mesmo site para verificar a fonte da página. Agora, se isso não é chamado de um aborrecimento, eu não sei o que é.

    Para facilitar as coisas para todos os usuários de iPad e iPhone, é um truque que permite visualizar a origem de uma página da Web diretamente do seu dispositivo móvel. Tome nota de que o código que você vai usar irá redirecioná-lo para o site do criador, onde a fonte é apresentada em sintaxe destacada e URL clicável para facilitar a leitura.

    Configurar o marcador 'View Source'

    1. Para começar, abra o seu Safari móvel no seu dispositivo Apple e marque a página que você está lendo clicando no botão de favoritos. Em vez do nome da página, nomeie-o como 'View Source' e clique em 'Save'.

    2. Abra este bookmarklet javascript, selecione tudo e copie o script.

    3. Toque no ícone de favoritos na parte superior esquerda do navegador móvel do Safari e toque em "Editar"

    4. Toque no favorito "Ver código-fonte" que criou no passo 1.

    5. Agora cole o javascript do bookmarklet copiado na etapa 2 na barra de URL e toque em "Concluído".

    Ver código-fonte no Safari no iPad e iPhone

    Agora que você criou um novo marcador chamado "Visualizar código-fonte", para visualizar a fonte de qualquer página da web, abra um site no navegador Safari, toque no ícone de marcador e toque no marcador "Visualizar código-fonte".

    Esse atalho de marcador enviará uma solicitação ao servidor do criador para processamento e, em seguida, abrirá uma nova guia do navegador para você visualizar a origem na sintaxe realçada.

    Conclusão

    Esse método para 'ver fonte' não é semelhante a ferramentas de desenvolvedor da Web onde você o tem como uma extensão para seu navegador, mas criar esse marcador é salvar um atalho no site do criador, onde é possível visualizar a origem de qualquer site com sintaxe realçada.