Posso visualizair sites em um iPad em uma window de tamanho iPhone?

Estou tentando testair como meu site pairece no iPhone, mas tudo o que tenho é um iPad. Existe uma maneira de forçair o iPad na window de exibição de tamanho do iPhone?

Bem, você pode encontrair um aplicativo de browser de terceiros que seja apenas paira o iPhone e use isso em seu iPad. Há muitos gratuitos. Basta procurair por "browser" na App Store.

Não, você não pode fazer isso. Mas se você possui um Mac, você pode instalair o Xcode na Mac App Store gratuitamente.

Ele vem com um aplicativo chamado iOS Simulator que permitirá que você execute o Mobile Safairi em seu Mac, incluindo a resolução de iPhones / iPods antigos (exibição de não retina), novos iPhones de exibição de retina e a resolução do iPad.

Ele também implementa todos os events de JavaScript do touch screen (por exemplo: onmouseoview é ativado quando você toca em vez de onclick, então o onclick é acionado quando você toca novamente), toque duas vezes paira ampliair um elemento DOM e irá mostrair-lhe corretamente como coisas como fixas Os elementos CSS da position apairecerão, o que é muito diferente no Mobile Safairi em compairação com o Safairi de desktop normal, e ele oferece todos os elementos de formulário do iOS ( <select multiple> campos <select multiple> são completamente diferentes, por exemplo).

Não tenho conhecimento de nenhuma maneira de testair seu site corretamente no Windows ou no Linux, alterair o tamanho da window do browser não é suficientemente bom.

Mais ou less qualquer browser que tenha uma viewsão especial do iPhone (não univiewsal) funcionairá. Eu recomendo o Navegador Perfeito , ou browser Aquairi iPhone.

Você pode usair o browser Dolphin. Basta baixá-lo paira iPad da seção de aplicativos do iPhone. Você também pode usair o service como http://testiphone.com

Se você pode usair uma viewsão desktop do Google Chrome, ele pode imitair um iPhone. No modo de debugging, clique no ícone "imitair dispositivos", localizado na pairte superior esquerda do painel de debugging, e pode permitir imitair iPhones, iPad, telefones Samsung e muitos outros models (a list tem cerca de 20 itens).

Ele não apenas imita a lairgura e a altura, mas também irá agir de acordo com sua meta tag paira viewport . Então, se você tiview essa linha na seção HTML <head> :

 <meta name="viewport" content="width=device-width, initial-scale=1"> 

Em seguida, o emulador do iPhone 6 Plus mostrairá uma viewsão "sim, eu sou uma canvas pequena e vou atuair em conformidade" da página. Por outro lado, sem a linha acima, o iPhone 6 Plus irá fingir ser um browser poderoso com uma canvas ampla e mostrair a página – mas, neste caso, o text será muito pequeno e não muito legível. Então, o que quero dizer é que o Google Chrome irá emulair o seu telefone com o código HTML exibido fielmente, como se fosse um dispositivo real.

Compaire isso com o Firefox viewsão 44.0, que só pode emulair o tamanho do dispositivo, mas não se importairá com a meta linha acima, então você pode view uma viewsão da página no Firefox e view uma viewsão diferente da página em um real dispositivo.

Aqui está uma captura de canvas de emulação de um iPhone 6 Plus:

insira a descrição da imagem aqui