Lire un document via PDF.js PDF.jsUne visionneuse de documents PDF, directement dans un navigateur.
c’est un logiciel libre et multiplateforme ☺
→ Plus sur Wikipedia (anglais)
  (Autres logiciels)        Bas

Le document ci-dessous vous est présenté par PDF.js PDF.jsUne visionneuse de documents PDF, directement dans un navigateur.
c’est un logiciel libre et multiplateforme ☺
→ Plus sur Wikipedia (anglais)
, directement dans votre navigateur.
Les fonctions d'affichage sont présentées sur la première ligne, en 3 groupes:

1) à gauche: Navigation
• Si nécessaire, Ouvrir le Panneau latéral panneau latéral, pouvant afficher:
Vignettes une vignette par page
Sommaire la Table des Matières en hypertexte (cliquable): en grisé si le document n'en contient pas .
Pièces jointes les pièces jointes (en grisé: le document n'en contient pas)
ASTUCES :
. Sur grand écran, on peut élargir le panneau latéral en faisant glisser son bord droit avec une souris...
. Sur toute entrée de la Table des Matières, cliquer pour afficher le chapitre, et Fermer le panneau latéral pour lire
par un ClicDroit ou appui long, on obtient un "lien profond" partageable, qui dirige les visiteurs directement dans le chapitre.
Exemple 1     Exemple 2     Exemple 3
loupe Rechercher un mot dans le texte (en grisé: le document ne contient que des images )
Précédente Page précédente et Suivante Page suivante (en grisé: choix non proposé...)
Précédente Entrer un numéro de page à afficher

2) au centre: Taille des caractères
• boutons dézoomer et zoomer pour dézoomer / zoomer
• sur grand écran: au lieu de 'Pleine largeur', choisir 'Page entière' pour voir toute la page, ou choisir un pourcentage de zoom
NB: tourner l'écran en mode "paysage" pour agrandir les caractères...

3) à droite: Exploitation du document (suite via le chevron Afficher/Masquer)
Ouvrir autre document Ouvrir un autre document à la place du document affiché
Ouvrir autre document Imprimer le document
Ouvrir autre document Télécharger le document
Ctrl + Marque-page Affichage courant: affiche la page en cours dans un nouvel onglet, en plein écran (sans cette aide)
• Divers outils de Rotation, Sélection, Défilement, Doubles pages et ...
propriétés du document Propriétés du document: Nom, Taille, Date, Format, Version de PDF...
    traduction Français→Anglais traduction Français→Portugais traduction Français→Espagnol traduction Français→Créole haïtien     drapeau français    cette page est rédigée en français principalement
drapeau canadien drapeau belge drapeau luxembourgeois drapeau suisse carte Afrique drapeau libanais drapeau thaïlandais drapeau laotien drapeau cambodgien
→ Francophones dans le monde:
par RÉGION, par PAYS,   PERSPECTIVES
Liste des langues de plus de 50 millions de locuteurs.
traduction Français→Malgache traduction Français→Allemand traduction Français→Néerlandais traduction Français→Italien traduction Français→Grec traduction Français→Hébreu traduction Français→Arabe traduction Français→Russe BETA traduction Français→Vietnamien traduction Français→Chinois BETA traduction Français→Japonais traduction Français→Coréen BETA
Cible Lien permanent   ("Permalien"):super

pour publier un accès direct à cette cible:

Clic Droit (ou Appui Long) sur la cible,

• 'Copier l’adresse ou URL du lien',

la coller dans un mail, blog, etc...partager
Note aux développeurs:

PDF.js: installation et utilisation
par Christophe Lerolle, le 13 février 2020

0- Inspiration:
--------------

PDF.js est intégré nativement dans les navigateurs Firefox et Chrome.
Pour certains autres, on peut l'ajouter sous forme d'extension du navigateur.

J'ai trouvé l'idée de l'auto-héberger dans http://influence-pc.fr/14-03-2014-inclure-des-pdf-sur-votre-site-avec-pdf-js-cree-par-mozilla
Le principal intérêt est de permettre un affichage de tout fichier PDF directement dans le navigateur,
de façon identique quel que soit le navigateur et l'OS employés. 
( quelques navigateurs ne permettent pas d'élargir le panneau de gauche - Table des Matières... dommage. )
De plus les fonctions d'affichage sont traduites, à ce jour, en 124 langues visibles dans /1com/pdf.js/web/locale
J'ai testé PDF.js avec succès sous Windows, Android, iOS, MacOS et Linux. 

La page d'enrobage "affiche.php", facultative, ajoute une aide au visiteur qui ne connaît pas la présentation de PDF.js
et permet au webmestre de tracer les fichiers visionnés...

1- Installation:
---------------

sous ch.lerolle.free.fr/1com j'ai créé le dossier pdf.js
j'y ai installé les 2 sous-dossiers build et web, obtenus dans http://mozilla.github.io/pdf.js/getting_started/ (pris la version Stable v 2.2.228)
ainsi que le présent tutoriel
c'est prêt !

2- Utilisation:
--------------

exemple 1: http://ch.lerolle.free.fr/1com/pdf.js/web/viewer.html?file=/rsrc/ebook/arch-gratuit/Guide.boum.org-d-autodefense-numerique-tome2-en-ligne-a4-20170713.pdf
utilisation sans aide ni compteur-de-visite: affiche le fichier ouvert à la première page

exemple 2: http://ch.lerolle.free.fr/1com/pdf.js/web/viewer.html?file=/rsrc/ebook/arch-gratuit/Guide.boum.org-d-autodefense-numerique-tome2-en-ligne-a4-20170713.pdf#part.3
affiche le fichier ouvert à la page 125 ( chapitre 3 = Outils)

exemple 3: http://ch.lerolle.free.fr/1com/affiche.php?doc=/rsrc/ebook/arch-gratuit/Guide.boum.org-d-autodefense-numerique-tome2-en-ligne-a4-20170713.pdf
affiche le fichier "enrobé" par la page générique http://ch.lerolle.free.fr/1com/affiche.php ,
dont le source est ici: http://ch.lerolle.free.fr/1com/affiche-source.php?file=/1com/affiche.php

3- Commentaires sur la page d'enrobage "affiche.php":
----------------------------------------------------

○ le traitement du format PDF commence en ligne 40,
○ l'aide affichée commence en ligne 56,
○ l'appel du script de mise en forme est fait en ligne 115. 
J'ai choisi d'ouvrir le doc en 'Pleine Largeur', via #zoom=page-width, 
on peut préférer en 'Pleine Page' avec l'option #zoom=page-fit (pour connaître le paramétrage d'une option, choisir le mode d'affichage au centre, puis copier la cible affichée en survolant à droite le bouton Marque-page (Affichage courant). 
○ la variable $chemin_document contient le chemin d'accès au document à afficher, relatif à la racine du site. Pour des raisons de sécurité, les développeurs ont choisi de n'autoriser la mise en page d'un fichier seulement s'il est sur le même serveur que le script...

La visualisation n’est pas encore disponible sur votre navigateur, veillez à le mettre à jour.