20 votes

Enregistrement d'une page Safari en tant qu'image PNG

Existe-t-il un moyen dans Safari, éventuellement via une extension tierce, d'enregistrer le contenu courant d'une page Web sous forme d'image PNG ?

J'ai cru comprendre que je pouvais imprimer la page au format PDF et utiliser Aperçu pour l'exporter en tant qu'image PNG. Cependant :

  1. Je préférerais ne pas créer un fichier PDF temporaire et ensuite ouvrir manuellement Aperçu pour exporter le contenu du PDF en PNG ;
  2. J'aimerais que le contenu soit courant et non paginé, c'est-à-dire sans saut de page ;
  3. Lorsque le fichier PDF contient plusieurs pages, Aperçu semble exporter la page en cours uniquement au format PNG.

Je n'ai pas d'expérience avec l'automatisation d'OS X mais je pense qu'elle pourrait être utilisée pour cela, bien que je veuille que les conditions 2 et 3 soient remplies.

J'utilise Safari 5.1.1 sous OS X Lion.

0 votes

Que se passe-t-il si la page Web vous oblige à vous connecter pour afficher le contenu ? J'ai essayé paparazzi dans cette situation et il me montre la page de connexion. Pouvez-vous transmettre des informations d'identification à paparazzi ?

1 votes

À compter du 5 octobre 2020, la réponse actuellement sélectionnée recommandant Paparazzi n'est plus nécessaire. Voir cette réponse ci-dessous pour un moyen de faire la capture d'écran dans Safari avec des extensions : apple.stackexchange.com/a/342563/7828

26voto

Matt Points 221

Je ne sais pas quand cela a été ajouté, mais dans Safari 12, vous pouvez certainement le faire sans aucune extension. Vous devez activer le menu Safari Developer (cocher dans les paramètres avancés). Vous pouvez maintenant sélectionner "Afficher l'inspecteur Web" dans le menu "Développer", ce qui ouvrira une fenêtre affichant la source de la page. Placez votre curseur sur la balise et faites un clic droit. Sélectionnez ensuite l'option "Capture d'écran" et enregistrez-la lorsque vous y êtes invité.

Si vous ne voulez qu'un élément spécifique, il suffit de cliquer avec le bouton droit de la souris sur la partie appropriée du code html. Si vous n'êtes pas sûr, lorsque vous survolez le code, l'élément d'écran correspondant est mis en surbrillance en bleu.

Bien sûr, je me demande maintenant si ça ne pourrait pas être un script de Apple...

4 votes

Il s'agit d'une bonne solution native. Si vous vous contentez d'un PDF au lieu d'un PNG, c'est encore plus facile, il suffit de choisir File > Export as PDF

2 votes

C'est la meilleure réponse. Les autres ne sont pas aussi bonnes car elles font une nouvelle demande et ne sauvegardent pas la page. en l'état connecté, avec un contenu actualisé, etc.

0 votes

PS : @Andrew je suggérerais d'en faire une réponse complète, c'est le site parfaitement la solution.

10voto

Vasco Duarte Points 148

Essayez Paparazzi ! Il peut enregistrer l'ensemble du site Web dans un seul fichier png et vous permet de spécifier la taille. Une fois installé, vous pouvez également le lancer depuis Safari en ajoutant "paparazzi :" à l'URL. Par exemple, paparazzi:http://www.nytimes.com

2 votes

C'est probablement la meilleure solution au problème. L'interface utilisateur est très proche de celle d'un Mac, il est facile de l'invoquer et il vous permet d'enregistrer toute la longueur de la page dans une image (avec une largeur personnalisée). En outre, il est gratuit (les dons sont les bienvenus).

5voto

webkit2png devrait être assez proche de Safari. Il fonctionne également avec les fichiers d'archives web enregistrés depuis Safari.

$ webkit2png -F http://apple.stackexchange.com/questions/30637 -o nameprefix
Fetching http://apple.stackexchange.com/questions/30637 ...
 ... done
$ webkit2png ~/Downloads/test.webarchive
Fetching ~/Downloads/test.webarchive ...
 ... done
$ ls
0testwebarchive-clipped.png 0testwebarchive-thumb.png
0testwebarchive-full.png    nameprefix-full.png

Capture d'écran impressionnante est une extension pour qui devrait supporter les captures d'écran pleine page. Mais je n'ai pas réussi à les faire fonctionner avec toutes les pages.

0 votes

Intéressant. Mais je préférerais avoir une solution qui puisse être déclenchée via Safari.

0 votes

Prometteur, mais la capture de la page entière (par opposition à la fenêtre d'affichage actuelle) ne fonctionne pas bien :-/.

1 votes

AwesomeScreenshot est largement considéré comme un logiciel malveillant.

1voto

parisiam Points 11

Voici comment enregistrer une page Web complète avec Safari, Chrome et Firefox sans aucun plugin ni logiciel tiers - il s'agit d'utiliser les outils de développement inclus dans chaque navigateur.

https://gist.github.com/algal/972c43b533cade4332faf4ec4458fd93

Cela fonctionne également lorsque vous avez besoin de faire défiler les pages.

0 votes

Bienvenue à Ask Different ! Nous essayons de trouver les meilleures réponses et ces réponses fourniront informations complémentaires pour expliquer pourquoi ils sont les meilleurs. Les réponses doivent être autonomes. Expliquez pourquoi vous pensez que la réponse que vous avez fournie résoudra le problème ou qu'elle est meilleure/plus complète que les autres déjà fournies. Voir Comment répondre sur la façon de fournir une réponse de qualité. - De l'examen

0 votes

C'est une excellente référence, merci !

1voto

Matt Sanders Points 151

Pour capturer la page entière

Avec les versions actuelles de Safari (14+), c'est très simple :

File > Export as PDF..

Enregistre une version PDF de la page entière, sans sauts de page et avec un style intact.

Notez que l'autre façon de créer un pdf, via File > Print... fait quelque chose de différent. Il respecte toutes les feuilles de style spécifiques à l'impression présentes sur la page et divise le PDF en pages prêtes à être imprimées.

Pour capturer partie de la page

Si vous voulez une sous-section de la page, la réponse de @Alan est la meilleure façon de le faire. Tout d'abord, assurez-vous que les outils de développement de Safari sont activés, puis cliquez avec le bouton droit de la souris sur l'élément parent que vous voulez capturer et Inspect Element :

inspect element

Cela ouvrira le Elements des outils de développement.

À partir de là, vous pouvez cliquer avec le bouton droit de la souris sur l'élément de votre choix (celui que vous avez inspecté sera mis en évidence par défaut) et choisir Capture Screenshot :

capture screenshot

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