What file is being viewed in the elements tab in google web dev tools? - web

When I click inspect element in Chrome, I would like to see what file is being displayed. I can't find any place in the elements tab that shows what file is being displayed. Any ideas?

I don't know that there would be a way to label the elements that are being displayed there as being from any one file; they may be rendered dynamically by code in many external files.

Related

Add Text ONLY on LAST PAGE of Advance PDF template in Netsuite

I want to add some text (e.g. This is Computer Generated Bill) ONLY on LAST PAGE of Advanced PDF template in Netsuite; where content of page ends . Problem is as number of pages change, text occur on all pages or change its position. Unable to fix this issue.
If you are editing the xml of the freemarker template you can add a custom block of code as the last thing on the page. If you need to make it prominent you can center it and add a bunch of padding above it.

How to scrape different pages of an unchanging Url that pages change with tabs on the top bar of Url?

I want to parse this page 'http://www.tsetmc.ir/Loader.aspx?ParTree=151311&i=22811176775480091' ,but it has a tab_bar on top ,so when I click one of them it shows up new information ,but with the same url.
I am using BeautifulSoup & selenium to parse that but i can't find the tag on the pages that are shown when i click one of the tabs.
This image shows the tabs that i mean.
As far as I could see, this menu uses classes, so you have to write:
driver.find_element_by_css_selector(class="...").click()- with this one he will click on the object with the class name you put into the parentheses.
A small example:
driver.find_element_by_css_selector(class="yellow").click()
The driver would click on the yellow tab, and would open it in the same window.

ST3: Find text results in panel instead of a buffer

I must have hit a setting in ST3 and caused my program to display results in a panel instead of in a buffer. How do I get it back so that find-text results go into their own tab? I've done some digging around but I can't find what I did.
In the Find in Files panel, there is a series of buttons to the left of the Find field, and the right most one of those is the one that controls whether the find results show up in a panel or in a buffer.
Note that the button may look different in your version as it appears that you're using a different theme (the image below shows the default theme). You can verify that you have the correct button based on the tool tip text.

How to download .svg file from this page?

I need to download the "Municipalities in Bosnia and Herzegovina.svg" (map) file from this page, but I have no idea how to download it, i.e. to find a link to the image on the page. I found sodipodi:docname="Municipalities in Bosnia and Herzegovina.svg" in the source code, but that still doesn't help me. Could someone link to the svg file and perhaps explain how they deduced where the file is stored?
Assuming you have the rights to use the map. Make sure you do.
The SVG is embedded into the code of the page. You need to cut and paste it from the page source.
The following instructions are for Chrome. Other browsers will be similar.
Mouse over the light grey area of the map.
Right-click, then select "Inspect" from the menu
The browser web tools pane should open with the <svg> element selected.
Ctrl-C to copy
Paste into your favourite text editor.
"Save Page As"
Chrome(right click)
Firefox (menu/Alt or Ctrl + S), then choose the "just SVG" option in the dropdown menu.
Internet Explorer (get Firefox or Chrome, its about time!)
An easy way to download the SVG is using a browser extension. For example, on the Chrome browser there is the SVG Export extension which allows you to view & download the SVGs on a given page. Of course, always make sure that you have the rights/permissions to download the SVGs.

Google Chrome Extension Development

I am developing a chrome extension that would like to add a tab at the bottom of the page to manipulate DOM elements. Chrome 'manifest.json' file doesn't provide such feature. So how to do it or rather how does Firebug add a tab at the bottom of the Chrome?
I would suggest inserting a panel in every page through a content script. You can style it in order to appear at the bottom of the page and be always visible.
In order for it to retain its state between navigation from one page to another, you need to persist it some how (example use chrome.storage or a similar mechanism through the background page to persist the content (or whatever you need).
See this answer on how to insert (and style) a toolbar-like div or iframe in a page through a content script. (It is fixed to the top of the page, but you can easily modify the code to fix its position at the bottom.)

Resources