How can I know if the user tampered with the CSS or JavaScript to change the appearance of my website?


Tags: javascript,jquery,css,google-chrome-extension

Problem :

In other words, can I know if somebody uses script or CSS extension tools?

For example, he aligned things differently, placed display: none; on several elements, used jQuery's .hasClass to add or remove divs?



Solution :

I don't think there's any one-shot, easy, "Hey, they modified the page" way. You'd have to have a record of exactly what elements you were expecting to be on the page, and their effective CSS properties, and then check all of those at runtime against the actual DOM and the effective CSS properties of the elements in the DOM.

It's going to be prohibitively complicated and hard to maintain.


    CSS Howto..

    image carousel showing all images

    How to create a single space in css between a sentence and a photo on my wordpress site?

    Show css3 animate for 2 times

    How can I vertically and horizontally center a DIV?

    Div doesn´t show background color after float:left

    How to pop out an image inside a ul li div when the css surrounding it won't let you

    How do I implement a MailChimp API form embed?

    How to define SVG gradient in page-global CSS file

    How to move div from bottom to top

    how to increase/decrease font-size from external css [closed]

    How to prevent CSS declaration dropped errors cross browser?

    How can .css('display') be block, [0].hidden be false, and .is(':hidden') be true?

    How to have background between two handles of jQuery Slider using css gradient

    How can I make a button-link, as Like in Facebook?

    how to make the entire form (input and submit button) change border color on focus (bootstrap 3)

    How to force CSS to be displayed on empty element following whitespace

    How do I align columns in thead and tbody when tbody css display attribute is block

    How to scroll .list-group leaving navigation bar at top

    How to resize trapezoid in CSS when browser window resize

    How do I add keyboard bindings to carousel functionality? - jQuery

    Leaflet for R: How to change default CSS cluster classes

    how to custmize font awasome icons using cheat sheet in css?

    What is cufon and canvas and how to overwrite them

    Do you know about this weird thing. “AS3, Button width cannot change by setStyle(). However, inline CSS can change width.”

    How to set select icon bigger

    Css overflow-y: how to show only when needed

    How can I get the name of a page via Laravel Blade

    How to adjust table or content in CSS when printing?

    How to align a menu bar using css and html? [closed]

    ExtJS - How to style disabled buttons?