I have a JavaScript web application and I am using Firebug to debug it.
In Firebug's Script panel I can see all JS files which the website is using:
Is there any way to download all these files?
Use spiderzilla Based on HTTrack
There are many ways to download the website assets. below are few ways.
wget --page-requisites url
HTTrack
Follow the similar answers.
https://superuser.com/questions/114769/plugin-for-firefox-to-download-the-entire-webpage-with-css-javascript
httrack-wget-curl-scrape-fetch
https://softwarerecs.stackexchange.com/questions/10216/download-all-remote-assets-js-css-into-local-machine-in-a-batch
You can always right-click a single file (in Chrome's or Firefox' DevTools or Firebug) and then click the option to open the file in a new tab, then press Ctrl + s to save it. But there is no way of saving them all at once.
Related
How can I made edit to JavaScript file locally in Chrome?
I following this article:
https://www.sitepoint.com/edit-source-files-in-chrome/
But in step 2, I can't edit the Javascript file. For some reason the file is ready only in the 'Sources' Panel.
How can I edit the javascript file locally?
Thank you.
Just FYI: The article you linked to is from 2013. Chrome dev tools changes almost weekly.
Sometimes just doing hard refresh on the page will allow you to edit the .js file from the Sources panel. It should be as simple as right clicking and choosing Save As....
If that doesn't work perhaps you could provide a url?
I am trying to experiment with a website by changing some of its javascript code. The steps that I am following are:
Open up Chrome Dev Tools and then navigate to the sources tab.
Add a folder to the workplace.
Right click on the javascript file that I want to alter and select Map to File System Resource.
Select the matching javascript file in the new folder that I added.
However, when I make changes to the javascript file in the new folder and reload the webpage, the changes do not appear. The changes are also not present when I open up dev tools and look at the javascript file. Am I missing something ?
refresh the cache when you reload with CMD+Shift+R if you're on Mac. On windows i think it's Ctrl+Shift+R
This is a line that I have to load a local JSON file for development and testing purposes. The html file I am working on is in the same directory and is also local on the C drive. Notepad++ sees this as a file and automatically makes it a link. When I double click it, the file opens. However, in my web page, the json will not load. I cannot figure out why and I have tried multiple combinations of slashes. Any idea why it won't load? The page console shows no error
$.getJSON("file://C:/Users/ME/Desktop/Test/data.json", function(data) {
Thanks!
Also, is there a way to take out the "file://... and only leave the file name? I would like to send the folder I am working on to a friend and I don't want him to have to edit the link. Is there anything I can do?
Thank you very much!
On Windows, Chrome might be installed in your AppData folder:
"C:\Users\AppData\Local\Google\Chrome\Application"
Before you execute the command, make sure all of your Chrome window is closed and not otherwise running. Or, the command line param would not be effective.
"chrome.exe --allow-file-access-from-files
When I use a XML view for a page in SAPUI5, and I open Developer Tools on Google Chrome and check, under the "Sources" tab, the directory that has the ".controller" file, I cannot see the "view.xml" file. Why does it happen? Does the browser "excludes" the XML file after it is processed by the UI5 core? Thanks in advance!
The sources tab in Google Chrome Developer tools is meant for debugging the logic of your application. It allows you to add break-points, see your calls stack and observe/tinker with intermediate variable values.
As SAPUI5 XML views don't contain any logic, it doesn't make sense to show it in the sources tab, as there is no logic to debug. You can see your XML files in the network tab though, if you just want to do some inspection on its contents.
More info on debugging using the source tab can be found here:
https://developer.chrome.com/devtools/docs/javascript-debugging
I think that the sources tab only displays some file types. It doesn't display .json files either.
You should be able to access unparsed XML files through Network tab.
Please I am new to building Chrome Extensions. After the user installs the extension, I want them to configure it by specifying a directory where the app can save files. I want to do this by opening a save file dialog so they can browse to the folder of their choice. How do I do this?
The answer is that there is no means in the Chrome Extension API to write files outside of the sandboxed file system provided by Chrome. This could theoretically be done by writing an interface in C and then call that, but so far I have not yet seen a successful implementation.