Lab: Clickjacking with a frame buster script

Login to the account on the target website.

Use the following HTML template and provide the details as follows:

• replace $url with the URL for the targeted change email page in the iframe,
• substitute suitable values in pixels for the $height_value and $width_value variables of the iframe (we suggest 700px and 500px respectively),
• substitute suitable values in pixels for the $top_value and $side_value variables of the decoy web content so that the "update email" button and the "click me" decoy action align (we suggest 385px and 80px respectively),
• set the opacity value $opacity to ensure that the target iframe is transparent. Initially, use an opacity of 0.1 so that you can align the iframe actions and adjust the position values as necessary. For the submitted attack a value of 0.0001 will work.

Notice the use of the sandbox="allow-forms" attribute that neutralizes the frame buster script.

<style>
   iframe {
       position:relative;
       width:$width_value;
       height: $height_value;
       opacity: $opacity;
       z-index: 2;
   }
   div {
       position:absolute;
       top:$top_value;
       left:$side_value;
       z-index: 1;
   }
</style>
<div>Test me</div>
<iframe sandbox="allow-forms"
src="$url?email=hacker@attacker-website.com"></iframe>

Go to the exploit server, paste your exploit HTML into the "Body text" box, and click "Store".

Click "View stored response".

Hover over "Test me" and ensure the cursor changes to a hand indicating that the div element is positioned correctly. If not, adjust the position of the div element by modifying the top and left properties of the style sheet.

Once you have the div element lined up correctly, change "Test me" to "Click me" and click "Store".

The simulated victim now clicks on the div element and the lab should be solved.

If you reload the change email page then you will observe that you have successfully completed the lab.