I've just installed Google Canary on my Mac. I want to have a play with the Experiments in the google developer tools. But I can't for the life of me find where/how to enable them.
I specifically want to look at using/editing SASS in the browser.
Thanks
dave
Found it
In chrome go to chrome://flags and enable it there.
Go to chrome://flags.
Find Developer Tools Experiments.
Enable it.
Click Relaunch Now to relaunch Chrome.
In the DevTools settings, there's now a new Experiments tab.
Cheers
Related
On my school chromebook developer tools just got disabled or something.
When i right click to inspect an element, the "inspect" button is grayed out and if i click the options button in the top right, go down to more tools the developer tools button is grayed out there too.
Does anyone have any idea what is happening and why it is happening?
(Developer mode is enabled on my chromebook)
On a Chromebook, Chrome Developer Tools is enabled/disabled through Chrome Policies, which is maintained by the Chrome Management Console as part of a Google Work account. In this case, the policy is DeveloperToolsDisabled.
In Windows, it is possible to enable/disable it in the registry, and there is possibly a Preferences file in OSX.
I'm afraid you would need to speak to your school's IT department about this, as they are the only ones with access to these policies.
Is it possible to open Chrome Developer Tools to inspect a Chrome App ?
All debuggable targets are listed under chrome://inspect/. See the 'Apps' tab.
I managed to do it by following instructions to debug postman chrome app:
Go to chrome://flags/
Search for Debugging for packed apps
Enable this flag
Restart chrome
Then go to your app, right-click anywhere inside of it, and click on the option menu inspect.
To open it by context menu, enable at chrome://flags/#debug-packed-apps
If the app blocks the context menu, find it at chrome://extensions (developer mode) or the Apps and Extensions Developer Tool.
I am using chrome version 36+
according to this page, I should be able to allow custom themes using the following instructions:
Installation Instructions
Add this theme
Goto chrome://flags and Enable Developer Tools experiments.
Open developer tools settings, select Experiments tab, and check 'Allow custom UI themes'.
Reload devtools.
I do not see such a tab in the dev tools settings. I see only 'general', 'workspace', and 'shortcuts'
These are some simple steps to follow, hope it will be helpful.
Open a new chrome tab, type chrome://flags
Find, "Enable Developer Tools experiments." using ctrl/cmd+f or simply searching for it by scrolling down the page.
Click the "enable" link
Click on "Relaunch Now" at the bottom of the page.
After restarting Chrome, open DevTools, DevTools settings, and select the experiments tab.
Now select the experiment you want (e.g. "Allow custom UI themes").
You need to reload devtools after: Alt-R will reload devtools itself, or you can just close and reopen it.
To get to the Dev Tools Experiments area you have to click on the gear icon in the inspector.
If still not working you should go to:
chrome://extensions/
And click the 'Enable' checkbox for the DevTools extension you wish to enable.
Had the same issue,
I found I was going to browser settings which is NOT where you should be going to ,
You need to go to developer setting .
i.e right click>inspect element> dev tools
You need to restart the browser after changing the flag at chrome://flags
I found it. There is a checkbox under experiments tab:
Allow custom UI themes
Restart chrome just not means to close the chrome and then open it. you should click the 'Relaunch Now' button of the flags tab. and then it's work for me.
loislo's answer is absolutely right (You need to restart the browser after changing the flag at chrome://flags). But notice that your chrome can work in the background. Go to the tray, look for the chrome icon and exit.
Navigate to chrome://flags/
Find and enable Developer Tools experiments Mac, Windows, Linux, Chrome OS
Relaunch Chrome, open develop tool, setting, you will see experiments tab.
My Chrome version: Version 61.0.3163.100
2022 update: There doesn't seem to be any option in chrome://flags but there is an option:
devtools > settings > experiments > Allow extensions to load custom stylesheets
I'm having an issue with getting Chrome's Developer Tools to work on my machine.
I've tried both Chrome Version 37.0.2026.0 canary and Version 35.0.1916.114 m and both have slightly different problems - I'm using Windows 8.1.
In the standard installation of Chrome, the Developer Tools options are greyed out. I've searched this everywhere and there is a Google post saying to enable it in your registry settings. When I go into my registry, there is nothing relating to Google in the path they've specified - [http://www.chromium.org/administrators/policy-list-3#DeveloperToolsDisabled][1]
In the Canary version of Chrome, the Developer Tools options appear and are not greyed out or anything, but absolutely nothing appears when I click it (no window, no error, nothing).
Anyone have any ideas? I've tried restarting the machine, clearing my cache, reinstalling Chrome but no solution..
I'll keep looking for a solution and post it if I find anything!
Thanks in advanced.
Ohhhh! I went through my Chrome settings again and noticed that Javascript was being "enforced by my administrator"
I figured out what it was (so stupid): We use Google Apps where I work and it's been disabled in the Admin Console. You definitely pointed me in the right direction though!
I am fairly new to writing code, but I played around with some chrome apps which use WebSQL for DB. I decided to learn IndexedDB, but needed something more visual, to help me out. WebSQL database entries can be easily seen in in resources tab in "debugger", but indexedDB database is not shown there.
Chrome is v17, OS Ubuntu 11.10
Is there a workaround for this( plugin or anything else) ?
If you use Chromium or the dev channel of Chrome you can enable an experimental Dev Tools feature to surface IndexedDB in the Resources panel.
https://plus.google.com/u/0/100132233764003563318/posts/7pbJUZCGk8U
In chrome, click on developer tools or use ctr+shift+I
Click on the application menu
Right click on IndexDB
Click Refresh IndexDB
Then you will see your database content.
The accepted answer is 10 years old, mentioning experimental DevTools. So, I decided to rewrite answer.
In Chrome, press F12 or click application menu > More Tools > Developer Tools to open Chrome Developer tools.
Go to Application tab.
On the menu left, expand IndexedDb under Storage section and you will see your IndexedDb content.