Lire un document via PDF.jsPDF.jsUne visionneuse de documents PDF, directement dans un navigateur.
c’est un logiciel libre et multiplateforme 😍
⏩ Plus sur Wikipedia (anglais)
  (Autres logiciels)   idée Ctrl + Roulette-Souris pour agrandir la taille du texte,
F11 pour agrandir la fenêtre d'affichage, F11 pour la réduire à nouveau.

→ Voir l'aide complète: Astuces pour Navigateurs, Extensions, Raccourcis clavier etc...
     Recettes cuisine haitienne.pdf   plein écran       Bas
Le document ci-dessous vous est présenté par PDF.jsPDF.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 ( penser au mode 'livret à relier' ! )
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 PAYS,   PERSPECTIVES jusqu'à 2065
Les langues de plus de 50 millions de locuteurs
La place du français sur Internet.
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 ⏩ Ukrainien traduction Français ⏩ Russe traduction Français ⏩ Vietnamien traduction Français ⏩ Chinois traduction Français ⏩ Coréen traduction Français ⏩ Japonais
Cible Lien permanent   ("Permalien"):super
Clic Gauche (ou Appui Court) sur la cible pour la placer en haut de page
pour publier un accès direct à la cible 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.
Mail Envoyer par e-mail l'adresse de cette page,
ou l'adresse d'un chapitre, copiée d'une cible 🎯,
à coller dans l'e-mail Mail
WhatsApp Envoyer par Whatsapp l'adresse de cette page,
ou l'adresse d'un chapitre, copiée d'une cible 🎯,
à coller dans le messageWhatsApp
Imprimer Globe ch.lerolle.free.fr/1com/affiche.php Copyleft CopyLeft Copie autorisée, et même encouragée, dans les pages propres à ce portail
(elles affichent http://ch.lerolle.free.fr/... dans la "barre d’adresse" du navigateur).
Pour les autres, vérifier le Copyright auprès des webmestres respectifs...
Voir le plaidoyer pour la gratuité des ressources bibliques
  Code-Source  Page «Open Source» Open-Source: voir le code 🟢 Source PHP
🟢 HTML généré:  Ctrl+U, ou ClicDroit dans la page > 'Code source de la page', 🟢 validation du HTML 🟢 validation des LIENS 🟢 mes scripts utiles: CSS, PHP, BAT, etc...
maj le 25 mars 2024 par C.Lerolle, île d’Oléron, France      Haut      Vue précédente