This site requires JavaScript to be enabled
IE BUMPER

Product
Version
IncidentLookup using list
Language
How can we help?

Solution Suggestions

Please enter your question to get suggestions.
  Help
IE BUMPER
Categories
Boolean Operators
OR or vertical bar symbol (|)
Finds a match if either the terms exist in a document (a union using sets).
AND
Finds a match if both terms exist in a document (an intersection of sets).
NOT, minus (-), or exclamation point (!)
Excludes documents that contain the term after NOT (a difference of sets).
Wildcards
Asterisk (*)
The asterisk symbol performs a multi character wildcard search.
Percent sign (%)
The percent sign performs a single character wildcard search.
Phrases
Quotation marks (")
Use quotation marks to search for an exact phrase with multiple terms.
For examples and more information look at our Knowledge Base: Advanced Search On The Support Portal

Scanning Disappearing HTML Elements

A quick way to scan of most kinds of disappearing elements.


Situation

A tooltip, dropdown, custom combobox or other kind of control that requires your mouse to be in a certain place to be visible can make scanning hard when they disappear. The following approach will allow you to work with most javascript based UIs.

Note: This approach does not work for elements inside iframes. For a method that works inside iframes for tooltips see KB0014196

Solution

Open developer tools in your browser of choice (F12), navigate to the console and input the following code:

var fulldoc='';
var scrollX=0;
var scrollY=0;

document.addEventListener("keydown",function(event){
	if(event.key=='q' && event.altKey){
		fulldoc=document.body.outerHTML;
		scrollY=window.pageYOffset;
		scrollX=window.pageXOffset;
	}
	if(event.key=='w' && event.altKey){
		document.body.outerHTML=fulldoc;
		document.body.scrollTo(scrollX,scrollY);
	}
});

 

Close developer tools and do whatever you need to in the user interface to trigger the expected element.

When the window looks the way you would want to scan, press 'Alt+q', then press 'Alt+w'. If any scrolling in the viewport was nested inside other containers you may need to scroll in order to re-align things.

You should now be able to scan the page.

Once you're done scanning, you'll need to refresh to restore functionality to your page.

 

What's going on here?

The controls used here are:

  • ALT+Q - Save the current html and scroll parameters of the page to memory
  • ALT+W - Replace the html and scroll on display with what's currently stored in memory.

This makes a copy of the page when you use the first command, and inserts it back in when you use the second, with one critical difference: There are no javascript event listeners below the body level on the page anymore. This will freeze all interactivity that isnt tied to the document body, allowing for an easy scan.

0 0

Nikita Illarionov

Created: 2019-09-12 18:43:41 , Updates: 1, Last Update: 2019-09-12 19:10:47

Hey Louis,

this is really useful and I wanted to try it for my project. I opened the developer tools, pasted this snippet in "Console", closed the developer tools, but it didnt work out. The javascript alert still fades away. I tried with IE 11.1331 and Chrome 76.0.3809.132.

When I press "Alt + W", the javascript alert disappears. Thx.

0 0

Christian Mark Mangulabnan

Created: 2020-08-25 09:33:43

I pasted this and it says "undefined". 

Pasquale Porziungolo

2020-08-26 10:50:10

me too

0 0

Vishal Chaudhry

Created: 2020-10-12 07:03:56

var fulldoc='';
var scrollX=0;
var scrollY=0;

document.addEventListener("keydown",function(event){
    if(event.key=='q' && event.altKey){
        fulldoc=document.body.outerHTML;
        scrollY=window.pageYOffset;
        scrollX=window.pageXOffset;
    }
    if(event.key=='w' && event.altKey){
        document.body.outerHTML=fulldoc;
        document.body.scrollTo(scrollX,scrollY);
    }
});
undefined

 

Getting undefined