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 to defferent row heights for different rows in a single table?

    ASP.Net MVC: How to use razor variable in CSS file

    How to set the minimum height of a
    box in Internet Explorer 8?

    HTML/CSS how to temporarily highlight a section of a page [duplicate]

    How to create a web page with 4 rectangurlar splits?

    How to style
    to have multiple colors?

    How to do Vertical+Horizontal centering in CSS

    How to do valid CSS for li text and li text with image?

    How to make top and bottom of div triangle with CSS?

    How to stop the latter part of javascript from being called?

    How to blur background img - css?

    Third level drop down css wont show & content/links are out of order?

    How to get text in css to appear in the vertical middle

    CSS: How to make a block to cover all width of parent block

    How to change image css after rotating it in JS?

    How do URL fragment (the #stuff) interacts with CSS?

    How do I post a jsfiddle example of some trouble I'm seeing in Rails?

    How to stop FOUC when using css loaded by webpack

    How to change/add CSS inside of iframe by jQuery

    How to center variable length submit buttons?

    How to create CSS file within PHP code [closed]

    in Emacs, how to turn off abbrevs in css-mode?

    How to vertical align the text inside a div in responsive layout

    How to add content to an input with css? [duplicate]

    Three column responsive equal height, with border. How to make it in CSS?

    How to render a hierarchy tree in HTML5/CSS?

    How do I align an inner div with the bottom of an outer div?

    SASS: normalize.css works, but does not show up in compiled CSS file?

    How does one move html elements with scroll?

    How do I make this background repeat horizontally the entire way across the screen?