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..

    How do I vertically align my multi-line p tag in my header?

    How to fix each column in Table? [closed]

    HTML/CSS | How to place different elements in a header div to different positions?

    How to vertically align the baseline of text to a set point in HTML/CSS

    How to prevent css loaded with query being applied to whole page?

    How to make a div tag without margins in css? [duplicate]

    How to make a resizable menu centered on the middle?

    Showing/hiding elements inside a div block with HTML and CSS

    how to wrap a text around a image?

    How to emulate table cells with CSS (without float)?

    How to style checkbox using CSS?

    How to center an attribute is position is absolute?

    Tab content not showing up

    How to exclude css files from auto formatting in IntelliJ

    How to add slide animation when showing elements

    How do I apply a css padding to one element but not its child

    How to define changing css property based on incrementing class names?

    How to use css styling in html with multiple directories?

    How to override parent containers width property in CSS [duplicate]

    how to put image on button? (css)

    How can I organize my css rules?

    How to output element.style.marginTop using digits only?

    How to use css to crop images from left and right without knowing dimensions

    CSS How to keep bodies of html file and included files from merging?

    how do i change image width in jCarousel?

    How to use a custom image for cursor/thumb in html input type range

    How to override background of Bootstrap Material Design theme?

    How to restrict ol, ul css to a div?

    How to use css and images to create a rounded header section in an HTML page?

    How to avoid overlapping between two divs positioning absolute inside a div positioning relative?