How to read CSS properties of elements dynamically loaded with external script on Android browser?


Tags: android,html,css

Problem :

I have a webpage that loads an reCaptcha element that is supposed to be subsequently modified by css:

#recaptcha_widget_div {
    margin: 0 -20px !important;
    background: cyan;
}

It works on Google Chrome, but has absolutely no effect when viewed on Android browser. I am not sure what is the problem. Is there a way to look at the css properties of the element on Android?

I know there is an about:debug, but not sure how I can put it to use.



Solution :

I've used Ghostlab, which (among other things) sets up a proxy server with Weinre (WEbkit Inspect REmote), that you then connect to using any browser, and it allows you to debug using the Webkit inspector. Very handy, but Mac only so far, so if you're on Windows or Linux, have a look at this article by Peter Gasston on setting Weinre up manually.


    CSS Howto..

    How to create rounded edge panel in ExtJS 2.1

    How is Bootstrap's `nav` class making anchors move to their own line

    How to place html css php in javascript (Jquery)

    How can I get this CSS to display properly in IE8?

    How to Display text in Middle of table cell Horizontally and vertically in html css?

    How to write this 'OR' CSS selector?

    How to set continuous box-shadow through all inline-block centered li elements

    How can I have a basic heading and a custom one?

    How to prevent an absolutely positioned element to affect the scrollbar?

    How to output different images depend on user screen?

    Ruby on Rails: (Beginner) How can I make my style sheet (in public/stylesheet folder) be used by my layouts?

    How to apply css to id generated dynamically?

    How to divide a menu horizontaly between buttons , using CSS?

    How to make a dropdown float with CSS

    A text shows up smoothly when hovering thumbnails. Is this a jQuery plugin or just CSS?

    How to separate a table cell into two equal parts with different background via css?

    QuickSand Script not showing correctly in IE 7

    How to make image 3D using CSS

    How to hide text present inside search box?

    How to fix specific div's position in CSS

    How to Write CSS Code for Mozilla Firefox Browser

    How to manually apply styles from particular style sheet to an element?

    joomla, CSS - show joomla module only for smartphone screens

    How can I adjust the margins of quote symbols added with CSS

    How to make a GWT-like CaptionPanel manually

    How to include this basic html (CSS, JavaScript) template into a php file?

    How to remove css and javascript code in source code of website

    How to create some elegant shadows in CSS [closed]

    How to use css image sprites in this code?

    How to make input[type=text] to fill remaining horizontal space?