DocDocDocDocDocDoc

Pourquoi le piratage de la console Google Docs n'est pas la bonne façon d'obtenir une vue sur deux pages

Le hack est intelligent comme expérience visuelle, mais il ne fait que repeindre Google Docs. Cela ne modifie pas le modèle d'éditeur en dessous, c'est pourquoi la mise en page peut sembler correcte alors que le comportement d'édition semble toujours incorrect.

C’est pourquoi l’astuce est à la fois si séduisante et si trompeuse. Il résout d'abord le problème visuel, ce qui le rend intelligent, mais il laisse intacte la partie la plus difficile : le comportement de l'éditeur lorsque vous tapez, sélectionnez, commentez et vous déplacez dans le document.

Cela ne fonctionne plus dans Chrome et Google Docs actuels

Google Docs envoie désormais une politique de sécurité du contenu qui nécessite des types approuvés. Ainsi, la tentative d'écriture du bookmarklet dansintérieurHTML est bloqué. Dans Chrome actuel, vous verrez des erreurs telles que "Ce document nécessite TrustedHTML affectation" et "Échec de la définition de la propriété 'innerHTML' sur 'Element'".

Il s'agit d'une modification du navigateur et de Docs, pas d'une faute de frappe dans l'extrait. La page applique désormais une politique DOM plus sûre, donc l'ancienne L'écrasement du DOM ne s'applique même jamais.

Même lorsque cela fonctionnait, cela ne faisait que modifier la présentation. C'était utile pour consulter le document, pas pour faire Google Docs un meilleur éditeur.

Avant et après le hack de la console

Google Docs avant et après le piratage de la console, montrant la transformation visuelle
L’image rend le problème évident : l’écran change en premier, mais pas le modèle d’édition.
FeaturePiratage de consoleDocDocDoc
Utilise le comportement de l'éditeur pris en charge
Maintient le placement du curseur et des commentaires prévisible
Survit aux modifications de l'interface utilisateur de Google sans se casser
On dirait un produit plutôt qu'un script

Évitez les hacks fragiles. Ouvrez le même Google Doc dans un éditeur côte à côte stable conçu pour l'écriture quotidienne.

Vous avez peut-être vu l'astuce de la console du navigateur qui force Google Docs à adopter une pseudo-mise en page sur deux pages. À première vue, cela semble utile : les pages apparaissent côte à côte et un écran large semble moins gaspillé.

Cette impression visuelle est tout le truc. Ce n’est pas un véritable mode d’édition et ce n’est pas une bonne solution. Il s’agit d’un remplacement rapide du DOM qui donne à l’écran un aspect différent.

Comment fonctionne le hack

Le message original de Coderwall par Jérémie sur Coderwall décrit l'astuce comme un simple ajustement CSS : faites en sorte que les conteneurs de pages remplissent toute la largeur, faites flotter les pages vers la gauche et forcez la mise en page dans une fausse vue à deux colonnes.

(function(d,t,z,s) {
      s = d.createElement(t);
      s.innerHTML = z+'-outer{left:0px !important;}'+z+'-outer,'+z+'-inner{width:100% !important;}.kix-page{float:left; width:48% !important;}';
      d.getElementsByTagName(t)[0].parentNode.appendChild(s);
      })(document, 'style', '.kix-zoomdocumentplugin');

L'article original est de Jérémie sur Coderwall, et la version bookmarklet est liée à partir de ce message.

En d’autres termes, le hack est avant tout un remplacement de style. Il n'apprend pas à Google Docs à modifier différemment. Cela persuade simplement le navigateur de peindre l’interface d’une manière qui ressemble davantage à deux pages.

Pourquoi la bonne page ne semble pas fiable

Google Docs calcule toujours le placement du curseur, les tests d'accès, la sélection et les commentaires autour de son modèle de mise en page d'origine. Le hack ne repeint que là où les pages apparaissent à l'écran, de sorte que le résultat visuel et le modèle d'édition s'éloignent.

Pourquoi ce n'est pas la bonne façon

Le hack vous donne un résultat visuel qui semble intelligent pendant une minute, mais un véritable flux de travail d'écriture doit survivre à une utilisation quotidienne. Vous avez besoin d'une stabilité du curseur, d'une sélection prévisible, de commentaires qui atterrissent là où ils devraient et d'une mise en page qui reste compréhensible après la dixième modification de la journée.

L'astuce de la console échoue à ce test car il ne s'agit pas d'une fonctionnalité du produit. C'est une manipulation DOM. Une fois que vous le traitez comme un workflow, les points faibles apparaissent immédiatement.

Pourquoi DocDocDoc est différent

  • La mise en page et l'édition sont construites ensemble : la vue côte à côte n'est pas une peinture de docs.google.com.
  • Il est en fait modifiable côte à côte : vous n'obtenez pas la mise en garde relative à la page de gauche uniquement qui apparaît souvent avec les hacks CSS.
  • Il reste plus proche du chemin pris en charge : les documents sont synchronisés via les API Google officielles au lieu de s'appuyer sur des hypothèses internes du DOM.
  • Il ajoute des extras utiles : mode sombre natif, utilisation de la largeur du style de bande de colonnes et flux de travail de rendu LaTeX.

Quand le hack est encore utile

Si vous n’avez besoin que d’une démo rapide en lecture seule sur votre propre ordinateur, le hack peut être amusant à essayer. Mais pour l’écriture, la révision ou la collaboration quotidiennes, un flux de travail de mise en page natif est le choix le plus sûr.

C’est la ligne à garder à l’esprit : démo amusante, mauvaise habitude. Si vous essayez réellement de travailler, vous ne devez pas vous fier à une astuce qui peut être carrément bloquée par Trusted Types, ou qui pourrait cesser de se comporter au moment où Google modifie un nom de classe ou redistribue à nouveau l'éditeur.

Le problème n’est pas seulement la fragilité. C'est aussi la confiance. Un flux de travail d'écriture doit être ennuyeux de la meilleure façon possible. Dès qu’une astuce de mise en page vous fait hésiter avant de cliquer ou de sélectionner du texte, elle a déjà franchi la limite entre l’utile et le distrayant.

À quoi ressemble la vraie mise en page

C'est la version utilisable : le document reste lisible et modifiable au lieu d'être repeint par un script.

Conclusion

L'astuce de la console est une démo intelligente, pas une surface d'édition fiable. Si vous souhaitez un travail Google Docs côte à côte auquel vous pouvez faire confiance au quotidien, utilisez plutôt DocDocDoc.

La réponse rapide

Si vous êtes curieux, essayez le hack une fois comme expérience visuelle. Si vous essayez d'écrire, de réviser ou de collaborer, arrêtez-vous là. Une astuce qui modifie uniquement la couche de peinture ne sera jamais la bonne réponse pour un document actif.

La meilleure question n’est pas de savoir si le piratage peut donner à l’écran un aspect différent. La meilleure question est de savoir si cela vous aide à terminer le document. En pratique, la réponse est non. Cela n’a jamais été utile que pour le visionnage, pas pour un véritable montage.

Ce que les gens recherchent réellement

La plupart des gens qui recherchent ce hack ne recherchent pas vraiment CSS. Ils recherchent un soulagement à la sensation d'une seule page de Google Docs. Ils veulent que la page paraisse plus large, que la page suivante reste visible et que l'ensemble du processus d'édition soit moins à l'étroit.

C’est exactement pourquoi le hack attire l’attention. Cela semble répondre à la véritable plainte. Mais comme il ne modifie que la couche visuelle, il ne peut pas offrir la stabilité dont a besoin un flux de travail d'écriture quotidien.

Références et lectures complémentaires

Essayez le flux de travail côte à côte stable

Ouvrez un document Google dans DocDocDoc et modifiez-le dans un véritable espace de travail à grande disposition conçu pour l'écriture, et non dans un CSS fragile. pirater.