Force state elements in your browser

Have you tried to inspect an element in its hover state? If you ever did this must have spent a certain predicament, since when you move the mouse to the Dev Tools, the element loses the state of hover and you can not inspect that element that appears only in the hover state.

Know that there are many tools in Your Browser . Chrome and Firefox, and in most browsers is possible to simulate the state of an element, be it active, focus, hover or visited (This does not scroll in firefox). In Chrome with open Elements tab, usually inspect the element and, with it selected, click the icon of an arrow inside a rectangle.

Select the status you want to force the selected element. In most browsers you can click right we’ll have access to the states as well.

inspecionar-elemento-hover

If you use Firebug in the right hand column, click on the side of the Style Guide to arrow menu and select your desired state. Firebug also does not offer a state option: visited.

inspecionar-elemento-hover-firebug

If you use any other browser to develop, do not worry because it is almost all the same. For example on safari simply click right on the DOM element that we are inspecting and click Force Psuedo-Classes and choose which state we want to simulate.

inspecionar-elemento-safari

2,668 Responses
  1. It is perfect time to make some plans for the future and it’s time
    to be happy. I’ve read this post and if I could I wish to
    suggest you some interesting things or advice.
    Maybe you could write next articles referring to this article.

    I wish to read more things about it!

  2. Incredible! This blog looks just like my old one! It’s on a entirely different topic but
    it has pretty much the same page layout and design. Outstanding choice of
    colors!

  3. We would like to thank you again for the gorgeous ideas you offered Jeremy when preparing her post-graduate research and, most importantly, for providing all the ideas in one blog post. Provided we had known of your web-site a year ago, we may have been kept from the unnecessary measures we were implementing. Thank you very much.

  4. I know this if off topic but I’m looking into starting my own blog and
    was wondering what all is required to get setup?
    I’m assuming having a blog like yours would cost a pretty penny?

    I’m not very web savvy so I’m not 100% certain. Any suggestions or advice would be greatly appreciated.

    Thanks

  5. Hi! Someone in my Myspace group shared this website with us so I came to give it a look.
    I’m definitely loving the information. I’m bookmarking and will be
    tweeting this to my followers! Wonderful blog and excellent style and design.

  6. It is appropriate time to make some plans for the future and it’s time to be
    happy. I have read this post and if I could I want to suggest you some interesting things or advice.
    Maybe you can write next articles referring to this article.

    I wish to read more things about it!

  7. It is perfect time to make some plans for the longer term and it
    is time to be happy. I have learn this put up and if I may I want to recommend
    you few fascinating things or suggestions. Perhaps you could write next articles relating
    to this article. I want to learn more things about it!

  8. I’ve been browsing online more than 4 hours today, yet I never found
    any interesting article like yours. It is pretty worth enough for me.
    In my opinion, if all site owners and bloggers made good content as you did,
    the internet will be much more useful than ever before.