Verberg tijdelijk elementen op een pagina in Chrome, Firefox en Edge
- Categorie: Ontwikkeling
Sommige webpagina's irriteren me in godsnaam met pagina-elementen die ze aan me tonen wanneer ik ze in een webbrowser open.
Misschien is het deze dwaze 'we gebruiken cookies'-melding die elke site onder de zon tegenwoordig lijkt te gebruiken, een bovenste prompt om je aan te melden voor de nieuwsbrief, een advertentie die inhoud overlapt vanwege slechte programmering, of iets anders dat is afleiden of mij ervan weerhouden toegang te krijgen tot de inhoud.
Mijn reactie hangt af van een aantal factoren, waaronder hoeveel ik toegang wil tot de inhoud, de ergernis die wordt weergegeven en of het een site is die ik regelmatig bezoek.
Als de inhoud niet essentieel is, laat ik deze meestal staan en kom ik nooit meer terug, tenzij ik er toegang toe heb met een simpele klik op een pictogram of knop Sluiten. Als de inhoud belangrijk is, bijvoorbeeld voor een nieuw artikel dat ik aan het schrijven ben of informatie heeft die geen enkele andere site biedt, dan zal ik meestal een manier vinden om het probleem te omzeilen.
Tip : Als het om tekstinhoud gaat, probeer ik het zoek eerst een afdrukoptie op de pagina omdat het een pagina laadt met een duidelijke focus op inhoud en niets anders. Het kan zelfs artikelen met meerdere pagina's samenvoegen tot één artikel. Lezermodi , of extensies, kan een andere optie zijn.
Verberg tijdelijk elementen in Chrome, Firefox en Edge
Dit werkt helaas niet voor alle inhoud en sites. Chrome, Firefox en Edge, en browsers op basis van hun code, worden geleverd met Developer Tools die u kunt gebruiken om elk pagina-element tijdelijk op een site te verwijderen.
Dit is een goede optie voor sites of pagina's waarvan u weet dat u ze na het huidige bezoek nooit meer zult bezoeken. Als u regelmatig een site bezoekt, browserextensies die elementen permanent verwijderen misschien wel de betere optie.
Google Chrome en de meeste op Chromium gebaseerde browsers
Dit is wat u moet doen in Google Chrome en browsers die de codebase delen om elementen op een pagina tijdelijk te verwijderen:
Stap 1. Tik op de pagina op de F12-toets om de ontwikkelaarstools van de browser te openen
Stap 2. Gebruik het infovenster om een item op de pagina te markeren dat u eruit wilt verwijderen. Dit doe je door de Inspector te activeren en je muis te gebruiken om het element te kiezen dat je wilt verwijderen. Klik op dat element om Chrome naar de positie ervan in de broncode te laten springen.
Stap 3. Pas de positie in de code indien nodig aan. Soms moeten bovenliggende elementen worden geselecteerd om alle elementen van de pagina te verwijderen. Als je geen HTML kent, gebruik dan gewoon vallen en opstaan totdat je het goed hebt gedaan door één element tegelijk omhoog te gaan (meestal div-elementen).
Stap 4. Verwijder het element door met de rechtermuisknop op de coderegel in het gebied Ontwikkelaarstools te klikken en 'element verbergen' of 'element verwijderen' te selecteren in het contextmenu.
U moet opnieuw vallen en opstaan gebruiken, of uw oordeel, om erachter te komen welke beter werkt op de site. Merk op dat u de onderliggende inhoud ook kunt verwijderen als u een pagina-element verwijdert, afhankelijk van hoe de site is opgezet.
Firefox en Firefox-gebaseerde browsers
Stap 1. Druk op F12 om de Developer Tools van de webbrowser te openen. De pagina waarop u elementen wilt verwijderen, moet actief zijn.
Stap 2. Activeer de 'elementenkiezer' en gebruik de muis om het item op de pagina te selecteren dat je eruit wilt verwijderen.
Stap 3. Klik met de rechtermuisknop op het element in de bron en selecteer 'knooppunt verwijderen' in het contextmenu om het te verwijderen.
Microsoft Edge
Stap 1 . Druk op F12 om de Developer Tools in Microsoft Edge te openen terwijl de pagina waarop u elementen wilt wijzigen actief is in de browser.
Stap 2 . Activeer de functie 'selecteer element' van de browser, beweeg de muis over het element dat u wilt verwijderen en klik erop om er in de broncode naartoe te springen.
Stap 3. Klik met de rechtermuisknop op het element in de code en selecteer 'element verwijderen', of druk direct op de Del-toets om het van de pagina te verwijderen.
