I want to be able to save the selections I made on a page. If there's an app or extension that can easily do that, please let me know!
I clicked "Inspect Code" to open Chrome DevTools and tried copying all the code under "Elements" and pasting it in another browser. The page is incomplete, however. No graphics, no data, etc. What else do I need to copy and paste over?
I'm on a site/platform that I can only access with an internal login. Once I am there, I am able to make selections from dropdown menus.
Every time I have to pull a certain report, I have to select over 200 institutions from a dropdown menu. The next time I go to the site, I want to be able to see those institutions ticked off already.
Thank you.
Another way to get all of the code from a website is to do Ctrl + u, which brings you to the website's source code. You could use this to copy the code, but you would have to make seperate files and copy the code in them for scripts and links.
You can use wget (and a cookies.txt file with your logged-in cookie) to get the page, it's resources, and convert the links to load from your local copies:
wget --mirror --convert-links --adjust-extension --page-requisites --no-parent --load-cookies=cookies.txt http://example.org
Though I am very curious why you would need to do this...
You could create your own browser extension that checks the boxes for you when the page loads, or you can try to see if this browser extension succesfully captures the part of the page you need.
You could try using your browser's developer tools by right clicking some of the data and selecting "Inspect" or "Inspect element". This will most likely take you to a current snapshot of the HTML page you have open. This you should be able to copy paste to a more persistent format.
Related
I have a problem with this page!
when entering it, you can right-click and view the source code via, say, chrome and see the articles with their links..etc. However, when pressing on "المزيد" and viewing the source code again, the source code of the new articles does not appear. Only the source code of the previous articles does.
What would you recommend to solve this problem?
I have pressed on view page source code on google chrome, but nothing appeared regarding the new articles.
The View source option only shows the source code of a page as it was delivered from the server. It does not take modifications performed using JavaScript into account.
The button mentioned in your question loads more content and inserts it into the page programmatically using JavaScript.
You need to use the Elements tab of Chrome Developer Tools to see programmatically inserted HTML code. Right-click anywhere on the page and choose "Inspect", or press Ctrl+Shift+I or F12 on Windows. (Shortcuts on other platforms may vary.)
so, i've ben hunting for the answer, and seems like i can't get this to work, i wanted to make so that, i have a browser page already made in html, and when i click a link in there, it opens a chosen folder on the computer, but i don't want it to open on just this computer's path, I wanted to open a folder that is inside the main folder, so that anyone that has the same files as I do, can open it, i tried < a href="File_path">, tried putting < a href="file:///(file path)">, tried like i have in excel ../../'file path', and can't see where is the problem, anyone can help?
Here you need to use a "file" protocol to link a file in the HTML like,
Link
The browser may or may not open the file due to the security setting. You can click the right button and choose "copy link address" and then paste it into the browser.
There are security implications of showing a local file/folder from an website. It may work when the page is held locally but when on a server it will be failing. However definitely not any chosen folder anywhere in your PC.
If you require to achieve such you need custom implementation using a programming language like ASP .NET like shown in this example.
https://stackoverflow.com/a/6047826/684030
You haven't mention much details on what web server you are using. But if it's IIS (Windows) you may consider allowing directory browsing which may allow to show a sub directory under your website.
I want to get the HTML code of a particular site. It asks me to register myself first so that I can be redirected to their home page. Now, my question is: is it possible to retrieve the HTML code of the desired page just by choosing option ‘View Page Source’ which appears on right click? Is there any other way to fetch the HTML code?
There are multiple ways of getting the HTML source code of a page
One way, as you already know is by viewing the page's source code.
If you Right Click -> View Page Source or just press Ctrl + U you will view the source code in your browser
If you are using linux, you can use wget to get the source code.
Just open up a console and type wget www.somewebsite.com and you will get the HTML source code along with any CSS and JS links.
However, you cannot get the PHP code using any method unless you have FTP access to the server
Yes it is possible to view HTML via 'View page source' or you could use PHP as mentioned in the comments.
'usign php yes php.net/manual/en/function.file-get-contents.php –
Vitorino fernandes'
You could also let a website and or program do it for you but it's trustability depends on the site and or program,
Do note it is NOT possible to view the PHP source since that is server-side.
Using any browser, the "View Page Source" option will show you the source of the page, as received by the browser (which may be different then the source currently displayed). You also have the option of using the File > Save Page As (or similar) menu option to save a copy of the html code of the page from the browser.
It is also possible to use command line tools like curl and wget to download the page to your local machine. Those tools provide options to send data (such as cookies or headers to identify yourself) along with the request.
I'm using the Chrome developer tools to review a web site for a client, and it would be nice if I could export the results of the time graph.
Is that possible?
Assuming that you're referring to the waterfall chart output in the network panel, you can right-click on the chart's header (or any empty space in the chart itself), and select "Copy network log as HAR" to pull the chart's data into your clipboard.
HAR is a format that lots of tools understand; to generate a nice waterfall chart to discuss with your clients, take a look at something like HAR Viewer. I think that will meet your needs.
This isn't exactly simple but seems to work well enough!
First you need to get the timeline
up in the Dev Tools and right click
somewhere on and "Inspect Element".
This will open another version of
Dev Tools, with the HTML available.
You need to copy this by right
clicking on the <html> tag and
selecting "Copy as HTML".
Paste this into a text editor and save as an html file.
View the following urls in Chrome and save these files to the same place as the html file.
chrome-devtools://devtools/DevTools.js
chrome-devtools://devtools/devTools.css
Change the locations in the <head> tag in the saved html to point to these files.
Save all the images in the resources tab in an "Images" folder in the foot of where this file is. This will take ages, sorry! I think these would all be contained within the Chrome "resources.pak" file which is in Chromes installation directory, however I couldn't find an easy way to extract it.
Viewing your HTML in a browser should show you what you need, obviously once you have extracted the resources, js and css, you can simply copy and paste different versions of the timeline to different HTML files.
If you want a quick and easy way of capturing the data on the network panel you can right-click on any row in the displayed data, select all then copy and paste the contents into Excel.
Excel actually does a good job of capturing the tabulated layout of the data, plus once in Excel you can manipulate the data according to your needs.
One drawback is that it doesn't capture those neat waterfall graphs produced in Chrome but I guess Excel's graphing capability could make up for that!
What I'm trying to do is to save the changes I make to CSS and HTML on different sites with Firebug.
Just to be clear, I don't expect Firebug to upload the changes to the server via FTP or anything. I just want to save the changes locally, so only I will be able to see them.
For example I've seen a few Firefox/Chrome extensions that add a download button under every video on Youtube, so I know it's possible to do that somehow.
If you have a different way to achieve what I'm trying to do, I'll be glad to hear about it.
(It doesn't have to be with Firebug.)
Thanks in advance!
If you don't mind using Web Developer Toolbar it's easy to save changes made to the DOM (and CSS).
When you install the toolbar, you'll get a "View Source" menu, click on that and choose "View generated source". Then just copy and paste that into a .html file.
You did not say if you alter your HTML or CSS, if CSS, FireFile is a very good addon for this.
Edit, with some Googling, i found FireDiff, which states that it can export changes made in Firebug, i have not tested it bit it's worth checking out.
You could try using Greasemonkey.
It has support for adding custom scripts that are run whenever you load a page (linked to which pages it should load on) and that can make changes to the page dynamically.
https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/
The http://chrispederick.com/work/web-developer/ web developer toolbar will let you add a user style sheet to a site which should achieve your goals.
This may or may not be exactly what you're asking for, but you can download the extension FireDiff in order to save changes made with FireBug. I made a little tutorial on how to do it here: https://www.youtube.com/watch?v=m4OmZLX2zd4
I have a somewhat simlar use-case that I solved differently. I'm not sure if it is what you are looking for or not. I'll describe the behavior and if that is helpful I'll explain exactly how I implemented it.
I changed the code that execute when you click "Run" (or Ctrl+Enter) to check to see if the first line of the code is a hard-coded string //LoadFromFile:<file path>. If it is, and the file exists then I pull the file off of the local file system and run it instead of executing the code in the console window. This way I can use an external text editor to write code.