F12 Review, modify elements, remove ads, mask masks with web developer tools

Source: Internet
Author: User

F12 Review, modify elements, remove ads, mask masks with web developer tools

whenever you open a Web page, whether the page has a lot of ads and worry, whether to manipulate the page (such as watching ultra-clear video), please register login and so on, and so on, whether the Web lock video annoyed? today for everyone to share a skill, this article only provides ideas, more fun and interesting things to be developed by our friends!

But also remind developers to be aware of these issues when masking layers!

    • OK cut to the chase, first said XXX college video, the video itself is locked, click will pop up the login box!

    • The thing to do is F12 open the Developer tool, find the elements of the popup layer and then display:none it, so the trouble is, there is a more simple way, the author uses the UC Rover, right-click the pop-up layer will prompt

    • Then we just click to intercept this element, and a layer of masking appears,

    • Right-click the mask again to intercept this element,

    • You can then open the video without logging in.

    • Look at the example under a Chrome rover:
    • This site is not allowed to do anything without landing,

    • All we have to do is find the Display property of this box and kill it! Then there is the remaining mask layer, and then just take it out of the mask layer to OK!

    • Well, done, you can see in the case of the login page without entering the text, not logged in can be normal operation to access the page!

    • The following is an example of advertising, not to elaborate, simple on a few pictures!
    • Before you go to commercials,
    • After going to the ad:

    • Good example is so much, this is just a train of thought, the developer tools more fun and interesting things to be explored together, at the same time I also want to advance the vast number of developers in the production of masks and corresponding countermeasures!

Blog home: http://www.cnblogs.com/bc8web/

F12 Review, modify elements, remove ads, mask masks with web developer tools

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.