Is there a way to change the grouping/ordering of the scripts in the Chrome developer tools?
I love this tool but this list format is the worst for editing. I have files with the same name(typical for ExtJs OO development), and trying to search and open one up for debugging is tiresome.
It would be nice if the js files would be listed ungrouped, in alphabetic order by filename, but also displaying the path name.
I figure this might not be possible, and the only suggestion will be to post a bug to google. But I figured its worth a shot!
As Alexander mentioned, Ctrl + O in the Scripts panel will give you the "Open File" dialog but it will not list the full path. You can file a feature request at new.crbug.com
It's also worth nothing that Chrome 19 just came out with a new script navigator that should display things better for you:
Related
I have bookmarks downloaded from firefox and they are a json file.
I'm searching for a site where I can upload the json file and then download it in html format.
Does such a site exist?
THANK YOU for your kind assistance.
(Every time I do a search for this question, your site comes up.)
I don't know of a site that will do this online, but I do know of a few other ways:
You could restore them back into a Firefox profile and then export them as HTML from there, like this:
You could download and run a program like https://github.com/andreax79/json2html-bookmarks to convert them locally
You could use JavaScript to convert them in-browser, though not with an actual site, like this: Quick and dirty way to parse a mozilla firefox json file
If you need to display JSON, try with the firefox extension named jsonview.
Check out CodeBeautify, just paste and hit the Beautify button https://codebeautify.org/json-to-html-converter
There’s a lot of plugins and add ons for almost every browser out there; Firefox and especially chrome have great ones as others have mentioned, it’s worth checking out.
You are making it harder than it is. There is no JASON to HTML conversion required. Go to C:\Users\Username\AppData\Local\Google\Chrome\User Data\Default and find bookmark.file. Save it to your desktop. Uninstall the browser but also check the box that asks whether you want to keep history, etc.
Reinstall the browser, then add the bookmark.file to C:\Users\Username\AppData\Local\Google\Chrome\User Data\Default
It will overwrite the file and you have your bookmarks back. It takes about 10 minutes. No coding. No JASON to HTML conversion. Nothing.
I want to know if its possible to customize the way your default google chrome look locally on your computer. I am talking from a developer's point of view and not user(ie not to change the home page by going into chrome setting).
I can change the UI by using the chrome f12 option locally. As chrome is installed on my machine then there should be an index.html or something alike file present to render chrome as it does. I want to access that file if possible.
Thanks
you might be able to find some various files, so i would suggest looking through the following folder. C:\Users\MYUSERNAMEHERE\AppData\Local\Google\Chrome\User Data\Default
or C:\Users\MYUSERNAMEHERE\AppData\Local\Google\Chrome\User Data\ as these are the ones that contain your chrome installation, there maybe another folder but this is always the one i have used when developing extensions..
Otherwise i think you will be stuck with the extension part, i myself would have a look at this if you really need.. But that could be a week before i get the chance.
If your looking to deploy a custom google chrome, so they dont need to install extensions. Try the following google term: deploy custom chrome
https://developer.chrome.com/extensions/external_extensions
But editing it directly with just finding a single html file / style i dont think is as easy as it would need to load certain objects into memory and i think they are a little more complex than a plain text file.
EDIT - Looks Like Its Extension Only Now
Had 5 minutes and did a quick google, there was a point where you could use custom style sheets for v32 and below but that was removed https://src.chromium.org/viewvc/chrome?revision=234007&view=revision
So you either need to work with firefox or build an extension.. I could not see any files/folders that would do what you need. So yea i'd start looking at extensions.
My website files are stored in c waamp www folder and i use devtools autosave to update my css file. But its not working while working on localhost. What do i need to do to make it work with localhost?
I suppose this will help you out
since Google Dev Tools version 28 you will not need the extension "Autosave" anymore.
It has been substituted by Google Web Tools Workspace.
If you want to understand how to use Google workspace, you can ckeck-out this link:
Live edit CSS and JS with Google dev tool
The only big limitation is that with google dev tools you can't edit DOM elements directly in the "elements" panel, neither the inline style definition.
However I found a better way for doing it;
There is an extension for Google Chrome that combined with an Intellij Idea plugin makes you live editing HTML, CSS, JS and it work amazingly.
It is probably better than using Google Dev Tool. The only disadvantage is that you cannot inspect the elements you are editing in the browser itself but you can obviously do it in your IDE which is even better.
I documented the process here if you want to take a look:
Live edit CSS-HTML-JS with Intellij Idea
Luca
Using HTML5 File API I am able to read text and XML files without any problems. I have tried to read the .docx/.doc file with the same code and that was not working. In my chrome extension I need to open a .doc/.docx file in editable mode in Google chrome. I am really waiting to know all the possible ways to achieve this. I found some extensions like Google docs viewer etc.. But they are opening files in preview mode. Please help me on this
The .DOC file is binary, and DOCX is a zip file containing a whole collection of XML files that make up a Word document, so neither can easily be read by your straight XML reader.
I don't think there are any native extensions or bits of code for Chrome to edit DOC or DOCX files, so you'd have to write your own - presumably, that's what the extension you're considering would do. You can use the Google docs viewer as a jumping off point - there's no difference between "preview mode" and "edit mode" other than one writes back to the file and the other doesn't. And you'd need to add the controls to modify the document on screen, which may be the larger hurdle.
If you can give some detail on where exactly you're stuck, that might help the community point you towards a solution, but a general "nothing does this for me" is likely to result in a little less help.
Good luck!
you can use jquery for this.
you can use typewith me which is generated in jquery where you can import/export docx,doc.pdf,etc.. files check type with me and private pad
you can use its jquery code for your use as it is opensource.
I googled a bit with no luck. I'm wondering if a tool exists that allows a user to paste in a chunk of valid JSON, click on any of its elements, and get returned the id (path) to that element. I prefer either a web app, a Chrome extension, or a OSX or X11 app. Windows would be last resort as I'd have to run it under Crossover. I could also use a FireFox extension though I'd prefer Chrome.
The application would work like so, if I pasted in:
{"accounting":[{"firstName":"John","lastName":"Doe","age":23},{"firstName":"Mary","lastName":"Smith","age":32}]"sales":[{"firstName":"Sally","lastName":"Green","age":27},{"firstName":"Jim","lastName":"Galley","age":41}]}
and clicked on 'Sally', it would return: employees.sales[0].firstName
There are some similar tools for XML that I've tinkered with over the years on various platforms. Anyone know if anything like this exists for JSON?
Kind of answering my own question here, I just found that you can do this in a bit of a roundabout way using the Firebug Addon for FireFox. If you enable the Net tab, and then browse the JSON data, then right-click the element and choose "Browse in Dom Tab", you can then right-click on an element and choose "Copy Path."
I'll keep poking around and see if I can find anything for Chrome, etc.
EDIT: updated instructions for Firebug.