15 votes

Comment afficher la source d'une page dans le navigateur Safari sur un iPhone ?

Je pensais qu'il y aurait un moyen facile de le faire, mais je me suis peut-être trompé.

Comment afficher la source d'une page web en utilisant le navigateur Safari sur un iPhone ?

11voto

Daniel Eremin Points 91

Vous n'avez pas besoin d'une application pour injecter une option de partage de source de vue.

Créez un signet dans Safari mobile, puis modifiez-le pour y inclure les éléments suivants

javascript:(function()%7Bvar a=window.open('about:blank').document;a.write('<!DOCTYPE html><html><head><title>Source: '+location.href+'</title><meta name="viewport" content="width=device-width" /></head><body></body></html>');a.close();var b=a.body.appendChild(a.createElement('pre'));b.style.overflow='auto';b.style.whiteSpace='pre-wrap';b.appendChild(a.createTextNode(document.documentElement.innerHTML))%7D)();

Lorsque vous êtes sur une page et que vous sélectionnez ce "signet", la page est transformée et un nouvel onglet s'ouvre avec la plupart des éléments (tout ce qui se trouve à l'intérieur). <head> o <body> ) du code source de la page web actuelle.

6voto

Hacks Norris Points 62

Avec iOS14 et plus, vous pouvez créer des raccourcis à l'aide de ces actions : enter image description here

4voto

Ana Points 71

Mobile Safari peut appeler d'autres programmes pour "Voir la source" via la fonctionnalité de partage dans iOS / iPadOS.

Pour transformer votre page web en source, installez une application qui possède cette fonctionnalité (par ex. View Source - HTML, JavaScript et CSS ), cliquez sur le bouton de partage situé au milieu du pied de page de l'écran (l'icône représente une flèche partant d'un carré). Cela ouvrira une nouvelle fenêtre superposée dans laquelle vous pourrez trouver :

enter image description here

Et pour la page web actuelle, on peut voir :

enter image description here

3voto

Oskar Points 1242

La solution native d'Apple est Safari Web Inspector. Actuellement, tous les outils de développement pour iOS fonctionnent encore sur MacOS, alors sortez votre Mac et plongez si vous voulez une solution de première partie.

Voici un exposé technique de 5 minutes, mais le site des développeurs contient des heures et des pages de contenu en fonction de ce que vous allez faire avec ce produit.

Pour l'activer sur l'iPhone - utilisez l'application de réglage, Safari, Avancé

iPhone iOS 14 Safari web inspector toggle

LesApples.com

LesApples est une communauté de Apple où vous pouvez résoudre vos problèmes et vos doutes. Vous pouvez consulter les questions des autres utilisateurs d'appareils Apple, poser vos propres questions ou résoudre celles des autres.

Powered by:

X