How can i find all iframe on the webpage? - javascript

I want to know that is there any add-on available in firefox to find all iframe available on webpage.?
I want to use it for selenium webdriver automation to switch into iframe.

Google Chrome
Use Chrome Developer debugging Tool to find all the available iFrames in the web page.
Open chrome web Browser
Press F12 key
Press Esc key
In console, you will see a filter icon followed by the dropdown top frame
Click on the dropdown to see the iFrames availability.

Thank you for your valuable reply
finally i find answer of my problem.
Web Developer extension is addon for firefox. which have one option "Outline Frames" which highlight all iframes on the webpage
once we found iframes on the page we can get its name/ id / xpath/ css whatever we need in selenium automation using firebug.
thank you :)

Related

Find out which program made chrome open

On Skype, someone sends me website link... I click those and Chrome opens up showing the page.
Is there an event/hook/listener for chrome extension to show that the link was clicked on Skype?
In other words, find out which program made the chrome open from a Chrome extension.
Checked a bit around but couldn't find anything.
Thank you
No. That information isn't recorded anywhere. And it isn't a Chrome extension. It's just one process launching another process.

Intend Chrome via html a tag href

When a link is clicked on Instagram, it opens on Instagram built-in browser.
In my page, I have some links that I want they open in Chrome if a user clicks on them.
Is there any way to do it?
For example, we can intend WhatsApp via tag like this: whatsapp://send?text=${message}
I'm looking for a solutation to indent Chrome if is its support.
To my knowledge, Chrome doesn't have their own URI but only the one it uses in its own browser for settings, etc: chrome://settings. If you need Chrome for something to work properly, I'd personally suggest looking into how the Instagram browser is built and dedicate your code to it - the use of Chrome is no longer needed then and stays in the environment of Instagram.

Liquid Slider not working properly in chrome extension

I am working on a google chrome extension. I am using Liquid slider to help me with the popup, when I am in brackets and do live preview, I get exactly the result I want.
https://gyazo.com/d2b5e7215ff8dfab59d677fd94637a25
But when I go into google chrome to test my extension this happens.
https://gyazo.com/48ea596645f0b16305915fb144d2aad8
It is not in the tab format anymore.
I could not find any support on this, if anyone has any idea why this does not work. Is it just because I can't use Liquid Slider in my chrome extension? I have no idea. Please tell me if you need more information.
Edit: If it is not possible to fix the error and bring back the tabs, we can also just use arrows, and figure out how to delete the tabs.
Chrome extensions have stricter security & sandboxing than regular web pages - for example, Content Security Policy is enabled by default. That may explain the difference.
To get more specifics about what's going wrong, you can debug your extension by right-clicking the icon and selecting Inspect Popup. This will open the familiar Chrome Dev Tools where you can check the console for errors, etc. Does that give you more specifics to go on?

Is there any way to create devtools panel on mobile chrome

I want to write an extension which can be used on mobile chrome, but it seems google doesn't supply a way to do that. So I was thinking to add my extension to developer tools panels using the api chrome.devtools.panels.create. For web page, my new panel can show on the dev tools panel bar, but for mobile chrome using adb to do a remote debug, my new panel won't appear on the dev tools panel.
At first I think it is a dead end, but after that I found extension "page speed" can be seen when using adb to do a remote debug. I copy the manifest.json content ,and replace it with my own content, but it still can't work.
Does any one know how to write a extension/devtools panel to debug chorme mobile?
This doesn't directly answer your question, but if you're ultimately looking for a way to get devtools on mobile, it's now possible on the latest Chrome stable (and newer) channels.
http://www.html5rocks.com/en/tutorials/developertools/mobile/
No, you cannot build extensions for mobile chrome at this time. See the FAQ.

chrome/firefox- how to run a javascript command

I am using a gwt based ui design framework (called GXT). In the docs for this framework, it is mentioned that running "javascript:isc.showConsole()" when the app is running, will open the developer console in browser.
However when I run this in Chrome it instead does a google search for the command- in firefox it simply does not work.
How do I execute this javascript in firefox or chrome--
javascript:isc.showConsole()
Bookmarklets cannot be executed in the location bar/omnibox any more.
You have to bookmark the javascript: link before it can be executed.
A better solution is using the built-in Developer tools, in which code can be pasted and executed in the current page:
Firefox: Ctrl Shift K - See Using the web console.
Chrome: Ctrl Shift J - See Developer tools.
In Chrome, you add a tab, open bookmarks - click Other Bookmarks, right click in the bookmarks area, click add new page - and paste the URL.
In Firefox, just manage your bookmarks, click on the folder, right click in the bookmarks section and click New Bookmark.
You have to put the command in the URL of the very SmartGWT
application that you're developing, not any blank page.
Making it become a bookmark bar is a good idea, click that bookmark
when you're opening the application will open the console for you.

Categories

Resources