Safari TP 37 réalise à son tour des captures d’écran
La dernière Technology Preview de Safari sortie hier soir contient une nouveauté bien pratique pour les développeurs web et tous ceux qui travaillent à la conception d’un site web. L’inspecteur web permet désormais de réaliser des captures d’écran de tout ou partie de la page web. Une fonction déjà intégrée aux navigateurs concurrents (lire : Une capture d’écran complète des pages web dans Chrome 59), mais la solution apportée par Apple est élégante.
Les captures d’écran se font via l’inspecteur web, à afficher avec le raccourci ⌘⌥i ou en passant par le menu contextuel et « Inspect Element ». Affichez ensuite l’onglet Elements et vous aurez tout le code source de la page en cours. Apple a ajouté une commande au menu contextuel pour prendre une capture d’écran de l’élément en cours, et pas forcément de la page entière comme ses concurrents.
Si vous voulez prendre une capture de la page entière, faites un clic secondaire sur l’élément <html> et choisissez « Capture Element Screenshot ». Mais si vous le souhaitez, vous pouvez isoler une section de la page, un menu ou un article, ou bien encore des commentaires. La capture est réalisée au format PNG, ce qui permet de préserver la transparence du rendu, le cas échéant. Par ailleurs, la largeur de l’image dépend de la largeur en cours, ce qui permet de réaliser des captures de sites responsifs.
Comme toutes les nouveautés introduites avec les Technology Preview, cette fonction devrait finir par arriver dans la version finale de Safari.
Double emploi avec command-shift 3/4 ?
Pas vraiment puisque ça permet de capturer seulement un élément HTML de la page. Une balise et son contenu par exemple. Même s'il est vrai qu'il est possible de sélectionner un élément avec la méthode que tu donnes. Ici l'élégance vient du fait que la sélection est déterminée au pixel prêt par les limites réelles d'une balise HTML. C'est un peu comme si je pouvais faire une capture d'écran d'un bouton d'une boîte de dialogue en cliquant sur ce bouton et l'ordi sélectionne les limites de la capture en fonction des limites du bouton.
@adamB
Non, car là tu peux capturer la page entière, y compris la partie non-visible.
Très pratique. De plus si la procédure peut d'automatiser cel ouvre la porte à de belles possibilités pour les tests.
@Domsware
C'est loin d'être pratique justement. Toutes cette gymnastique pour un clic.
Très sympa, mais pas au point. Il y a un bug je crois. La taille du screenshot est à 50%.. ou un truc m'échappe.
@xDave
Oh un bug dans une version en développement?
@x3dt
Et il sert à quoi ton commentaire?
Pour ton info, j'ai déclaré ce bug. J'en informe juste les autres lecteurs.
bonne journée
@xDave
50 % avec la moitié de l’image qui est vide à côté ?
Si c’est ça, je crois que c’est lié aux écrans Retina. Je l’ai eu en effet sur l’écran interne Retina de mon Mac, mais pas sur un écran externe standard.
@Nicolas Furno
Ah oui Nicolas, c'est fort possible en effet. Je n'ai pas testé sur mon écran externe. J'y vais de ce pas.
D'ailleurs, j'ai bien une zone transparente inexplicable si je sélectionne l'élément HTML ou BODY.
Bien vu...
EDIT: en fait je viens de tester sur un écran externe, et c'est kif-kif, au niveau de la taille. Par contre c'est mieux centré si on prend "Body", la zone transparente et tout autour au lieu d'être uniquement à droite.
Comme quoi je me suis habitué à ce Retina, damned!
EDIT2: d'ailleurs en testant sur Macg, J'ai un background transparent au lieu de gris. si je prends Body et non HTML alors qu'à première vue le gris CSS est sur Body, bon je regarde ça vite fait, hein.
bonne soirée
Merci pour les explications! ?
J'ai pas tout compris, mais pour les béotiens comme moi il y a l'excellent Screenshot Plus : https://www.apple.com/downloads/dashboard/business/screenshotplus.html
chez moi, rien ne se passe quand j'utilise cette fonction de screenshot...