Help

Re: How to use CSS selector on frame content?

1355 1
cancel
Showing results for 
Search instead for 
Did you mean: 
Stephen_S
6 - Interface Innovator
6 - Interface Innovator

Hi,
I can successfully clip content on some pages but not others. The defining difference seems to be that content in a frame can’t be clipped. Is there a way around this or a different syntax that needs to be used (for example, if wanting to clip an element with a particular ID in a frame)?

Thanks.

5 Replies 5
Andrew_Wingrave
6 - Interface Innovator
6 - Interface Innovator

Hey Stephen, would you mind sharing an example of what you’re trying to do, so I can help here?

Sure. So, for example, on any grants.gov announcement page (such as this one), I would like to be able to select the name of the grant opportunity. In this case, it’s BAA-OAA-LLDI-2019-ADDENDUM01. I used Chrome’s Inspect tool to find that it has an ID of “oppNumHeading”. (Hopefully this is clear from the screenshot I’ve attached.)

However, if I put #oppNumHeading in the CSS selector field for the clip action I’m trying to create, nothing happens.

Thanks.

image.png

Chris_Messina
5 - Automation Enthusiast
5 - Automation Enthusiast

I believe you would need to “Open Frame in New Tab” and then run the Web Clipper extension on that new Frame. The parent of the frame can’t access a frame’s DOM via CSS.

Thanks, Chris.

Our organization is wedded to Chrome and it doesn’t have the open frame in new tab function anymore. I did try it in Firefox for kicks (which still has that feature) but just ended up with a mostly empty page.

image.png

This Chrome extension might help. (Haven’t tested it, just did a quick search and found it).