{"id":254,"date":"2022-12-01T09:10:48","date_gmt":"2022-12-01T09:10:48","guid":{"rendered":"https:\/\/habett.fr\/blog\/?p=254"},"modified":"2023-02-08T13:37:11","modified_gmt":"2023-02-08T13:37:11","slug":"dans-un-browser-ca-a-lapparence-du-web-mais-ce-nest-pas-du-web","status":"publish","type":"post","link":"https:\/\/habett.fr\/blog\/2022\/12\/dans-un-browser-ca-a-lapparence-du-web-mais-ce-nest-pas-du-web\/","title":{"rendered":"Dans un browser, \u00e7a a l&rsquo;apparence du web mais ce n&rsquo;est pas du web"},"content":{"rendered":"\n<p>Faites une requ\u00eate avec le mot \u00ab\u00a0emprise\u00a0\u00bb dans un moteur de recherche type google. Vous obtenez des r\u00e9sultats. C&rsquo;est sur le web et dans un browser. Mon test pour dire que c&rsquo;est du web est que c&rsquo;est modifiable\/remixable: par exemple:<\/p>\n\n\n\n<p><code>document.evaluate('\/\/text()[contains(.,\"emprise\")]',document.body,null,XPathResult.ORDERED_NODE_SNAPSHOT_TYPE);<\/code><\/p>\n\n\n\n<p>Cela retourne des r\u00e9sultats avec lesquels ont peut jouer (console JS\/DOM, user scripts, ..etc)<\/p>\n\n\n\n<p>Par contre, si je vais sur docs.google.com, que je cr\u00e9e un document dans lequel je tape juste le mot \u00ab\u00a0emprise\u00a0\u00bb, m\u00eame en faisant attention \u00e0 la case du texte, je n&rsquo;obtiens rien avec le test pr\u00e9c\u00e9dent, mis \u00e0 part un script de donn\u00e9es qui contient ce m\u00eame mot. En clair, il ne trouve pas de nodes textuelles contenant le mot en question. Et pour cause, l&rsquo;affichage est en fait une balise canvas donc hors du DOM qui est l&rsquo;essence du web\/html. Autant mettre un binaire qui pointerai vers une VM. Ici le web n&rsquo;est qu&rsquo;un transport et le browser un simple r\u00e9ceptacle.<\/p>\n\n\n\n<p>Ensuite le site en question trouve malin d&rsquo;intercepter tous les \u00e9v\u00e9nements clavier. Tout y passe sauf bien s\u00fbr ceux qui sont intercept\u00e9s auparavant par le browser. Bref, on ne peux pas jouer ici. Ce n&rsquo;est pas du web, d\u00e9sol\u00e9. Mauvais karma.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Faites une requ\u00eate avec le mot \u00ab\u00a0emprise\u00a0\u00bb dans un moteur de recherche type google. Vous obtenez des r\u00e9sultats. C&rsquo;est sur le web et dans un browser. Mon test pour dire que c&rsquo;est du web est que c&rsquo;est modifiable\/remixable: par exemple: document.evaluate(&lsquo;\/\/text()[contains(.,\u00a0\u00bbemprise\u00a0\u00bb)]&rsquo;,document.body,null,XPathResult.ORDERED_NODE_SNAPSHOT_TYPE); Cela retourne des r\u00e9sultats avec lesquels ont peut jouer (console JS\/DOM, user scripts, ..etc) &hellip; <a href=\"https:\/\/habett.fr\/blog\/2022\/12\/dans-un-browser-ca-a-lapparence-du-web-mais-ce-nest-pas-du-web\/\" class=\"more-link\">Continuer la lecture de <span class=\"screen-reader-text\">Dans un browser, \u00e7a a l&rsquo;apparence du web mais ce n&rsquo;est pas du web<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,41],"tags":[44,43,42],"class_list":["post-254","post","type-post","status-publish","format-standard","hentry","category-non-classe","category-remix","tag-browser","tag-hacks","tag-javascript"],"_links":{"self":[{"href":"https:\/\/habett.fr\/blog\/wp-json\/wp\/v2\/posts\/254","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/habett.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/habett.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/habett.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/habett.fr\/blog\/wp-json\/wp\/v2\/comments?post=254"}],"version-history":[{"count":7,"href":"https:\/\/habett.fr\/blog\/wp-json\/wp\/v2\/posts\/254\/revisions"}],"predecessor-version":[{"id":266,"href":"https:\/\/habett.fr\/blog\/wp-json\/wp\/v2\/posts\/254\/revisions\/266"}],"wp:attachment":[{"href":"https:\/\/habett.fr\/blog\/wp-json\/wp\/v2\/media?parent=254"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/habett.fr\/blog\/wp-json\/wp\/v2\/categories?post=254"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/habett.fr\/blog\/wp-json\/wp\/v2\/tags?post=254"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}