Lors de la navigation sur le web, il est parfois nécessaire de modfiier le comportement par défaut d'une page pour améliorer l'expérience utilisateur ou accéder à du contenu restreint. Voici trois techniques pratiques utilisant JavaScript pour manipuler le DOM, ajuster les styles CSS et gérer les redirections d'URL directement depuis la console du navigateur.

Suppression dynamique des éléments multimédias

Pour désencombrer une page web en supprimant automatiquement les images, les vidéos et les éléments audio, nous pouvons utiliser un intervalle qui surveille le DOM. L'approche moderne consiste à utiliser querySelectorAll pour cibler tous les nœuds concernés, y compris ceux à l'intérieur des iframes (si la politique de même origine le permet).

const nettoyerMedia = () => {
  const selecteursMedia = ['img', 'video', 'audio'];
  
  selecteursMedia.forEach(selecteur => {
    document.querySelectorAll(selecteur).forEach(element => {
      element.remove();
    });
  });

  document.querySelectorAll('iframe').forEach(iframe => {
    try {
      const docIframe = iframe.contentDocument || iframe.contentWindow.document;
      docIframe.querySelectorAll('img').forEach(img => img.remove());
    } catch (erreur) {
      // Ignorer les iframes cross-origin
    }
  });
};

setInterval(nettoyerMedia, 200);

Déblocage de la hauteur des articles de presse

Certains sites d'actualités msaquent la suite d'un article en limitant la hauteur du conteneur principal via CSS. Pour révéler l'intégralité du contenu, il suffit de modifier dynamiquement les propriétés de style du conteneur cible.

const revelerContenu = () => {
  const conteneurArticle = document.querySelector('#article_body, .article-content, [class*="article"]');
  
  if (conteneurArticle) {
    conteneurArticle.style.maxHeight = 'none';
    conteneurArticle.style.overflow = 'visible';
  }
};

revelerContenu();

Redirection des articles WeChat sur PC

Lorsqu'on tente d'ouvrir un article WeChat sur un navigateur de bureau, une redirection OAuth bloque souvent l'accès. Au lieu d'utiliser des expressions régulières complexes et fragiles, l'API URL et URLSearchParams de JavaScript offrent une méthode beaucoup plus robuste pour extraire et décoder l'URI de redirection originale.

const contournerRestrictionWechat = () => {
  const urlActuelle = new URL(window.location.href);
  const uriRedirection = urlActuelle.searchParams.get('redirect_uri');
  
  if (uriRedirection) {
    const urlDecodee = decodeURIComponent(uriRedirection);
    window.location.replace(urlDecodee);
  }
};

contournerRestrictionWechat();