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

    JQUERY - Tabs - show all div content in date-filter

    How do I style a different border?

    How do I style forms using CSS

    How to use CSS in XML and XSL

    CSS question: How to fix several rendering issues on

    How to force modern Internet Explorer to show proper gradient background in real web sites

    How can you hide CSS from the iPhone, but not other browsers?

    How do I change background color of li elements

    How to place HTML elements over inline SVG

    How to delete space in css?

    How to completely remove borders from HTML table

    How to edit mobile CSS in SocialEngine?

    How to access the set qt stylesheet properties (css like grammar), or is there an css to xml converter?

    How to Display a DIV with 'fixed' and 'inline-block' Added to its CSS Properties

    divs hide and show

    How to float elements to the center in CSS?

    how to position a div for all screen resolutions

    How to format CSS of a dropdown menu so if the 'parent' dropdown is current then the children will not take the formatting of the parent

    How to replace with a
    filled with CSS?

    How do I wrap and set CSS properties to achieve the depicted results?

    How to change the font family of Highchart to Bootstrap css default font family

    How to create a modal popup using javascript and CSS

    how to swap div with one another in mobile view css

    how to apply the height css property on ie9 just?

    CSS: How to attach an arrow to a div and make it overlap the border

    How to apply @media for css attribute that are set via jquery

    how to load css for a div?

    How can I get rid of the the gap below absolutely positioned content?

    How to do this angle background by CSS?

    How can i include label-info from twitter boostrap in my own class definition?