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

    CSS :hover that shows more than one image

    How to load and apply a CSS stylesheet at runtime in a Flex application?

    How can I align a logo AND a heading to the centre of a page?

    How to add Jquery Mobile effects to dynamically added elements?

    Rails How to include a scss file in a specific erb view? [duplicate]

    how to display products side by side

    How to dynamically set the height in a CSS-class depending on the browser's window size with Javascript / jQuery?

    How to integrate Thread and

    How do we group monospace font families with regards to their serif property? [closed]

    How do I apply (or edit) a broad set of styles to only one class/ID?

    CSS HTML How to make a larger image than div display in full in div

    twitter bootstrap - how to skip a line?

    How to create image queue effect using CSS3, jQuery, and HTML? [closed]

    How to appy font color from li:hover to inner a link text using CSS

    How to display results comming from database in 3 columns using php/mysql/html/css

    How to keep footer at bottom of screen using jQuery

    how to set the css left property of a class on the basis of an ID of a tag

    How can I make a CSS selector for a button with two classes existing in .less?

    How can i make a fixed box inside a div with scroll?

    How do I put a scrollable div next to a non-scrollable div using CSS?

    Once I've designed a navigation bar using CSS & html — how can I put the html code in one place so it shows in each window? [duplicate]

    How do I change the css of a different element on hover?

    How to get inner and outer width to a single element?

    How to put a list of images in a fixed div

    Check this web optimization report - how can I fix it?

    How to create a master page using HTML? [closed]

    how to set the default css validation scheme in visual studio 2010?

    How to create a border that will outline div minus the margins

    How does changing the display attribute in the styling of an element hide/show it?

    How to use CssStyleCollection for a UserControl?