Julienraptor01/experiment.md

## experiment.md

      
    Raw
  

              experiment.md
            
          
    How to enable Discord Developer Settings including the Experiments tab


Warning
This is being written as of 2025/04/05 18:45:00 UTC

Discord updates fast, so this could break !

1. Enable the Dev Console

Just like in a web browser, Dev Console can be opened in Discord by pressing Ctrl+Shift+i or Cmd+Option+i on a Mac

HOWEVER Due to lot of people running token stealer, Discord disable the Dev Console by default

To enable it, we will need to edit discord's settings.json file

Important
Because we are going to edit a file that is used by Discord, you will need to close Discord before doing this

Warning
It needs to be fully closed, not just the window, it needs to be gone from the system tray !

Tip
If you don't know how to close Discord, you can press Ctrl+Shift+Esc to open the Task Manager, and kill the Discord process, altho if you have to do this, i'm not sure you should be doing this tutorial

The file is located as follows :

On Windows :

Discord Stable : %AppData%\discord\settings.json
Discord PTB : %AppData%\discordptb\settings.json
Discord Canary : %AppData%\discordcanary\settings.json
Discord Development : %AppData%\discorddevelopment\settings.json


On Mac :

Discord Stable : ~/Library/Application Support/discord/settings.json
Discord PTB : ~/Library/Application Support/discordptb/settings.json
Discord Canary : ~/Library/Application Support/discordcanary/settings.json
Discord Development : ~/Library/Application Support/discorddevelopment/settings.json


On Linux :

Discord Stable : ~/.config/discord/settings.json
Discord PTB : ~/.config/discordptb/settings.json
Discord Canary : ~/.config/discordcanary/settings.json
Discord Development : ~/.config/discorddevelopment/settings.json


Tip
If you don't know what Stable, PTB, Canary and Development are, you likely have the default Stable version

Open the file with a text editor, and you will see smth like this :
{
	"BACKGROUND_COLOR": "#121214",
	"audioSubsystem": "experimental",
	"useLegacyAudioDevice": false,
	"chromiumSwitches": {},
	"OPEN_ON_STARTUP": false,
	"IS_MAXIMIZED": false,
	"IS_MINIMIZED": false,
	"WINDOW_BOUNDS": {
		"x": 320,
		"y": 160,
		"width": 1280,
		"height": 720
	}
}
What you will need to do is add this line at the end of the file :
"DANGEROUS_ENABLE_DEVTOOLS_ONLY_ENABLE_IF_YOU_KNOW_WHAT_YOURE_DOING": true
So it will look like this :
{
	"BACKGROUND_COLOR": "#121214",
	"audioSubsystem": "experimental",
	"useLegacyAudioDevice": false,
	"chromiumSwitches": {},
	"OPEN_ON_STARTUP": false,
	"IS_MAXIMIZED": false,
	"IS_MINIMIZED": false,
	"WINDOW_BOUNDS": {
		"x": 320,
		"y": 160,
		"width": 1280,
		"height": 720
	},
	"DANGEROUS_ENABLE_DEVTOOLS_ONLY_ENABLE_IF_YOU_KNOW_WHAT_YOURE_DOING": true
}
Important
You need to add a comma at the end of the line before the one you added, right after the } !

Now save the file, and restart Discord

2. Open the Dev Console

Great, you made it through step 1, now you can open the Dev Console by pressing Ctrl+Shift+i or Cmd+Option+i on a Mac

You will see a window like this :

Now you'll be able to finally enable the Developer Settings and access the Experiments tab

However before being able to paste the snippet that will enable the Developer Settings, you will need to enable the allow pasting option

To do so, simply paste anything in the console, and you will see a message like this :

You can erase what you pasted, and instead write allow pasting and press enter

You are now able to paste text in the console

3. Enable Developer Settings

Caution
At this point, if you are not worried, you should be

If you've read what discord was saying, you should undertand that pasting stuff you don't understand in your console is dangerous

You could be running a script that will steal your token, and give full access to your account to someone else

Note
However, what i'm sharing here is safe, and will only enable the Developer Settings, and the Experiments tab

But people with worse intentions will tell you the exact same thing, so be careful

Here's the snippet you will need to paste in the console :
let cache; webpackChunkdiscord_app.push([["wp_isdev_patch"], {}, r => cache=r.c]);
var UserStore = Object.values(cache).find(m => m?.exports?.default?.getUser).exports.default;
var actions = Object.values(UserStore._dispatcher._actionHandlers._dependencyGraph.nodes);
var user = UserStore.getCurrentUser();
actions.find(n => n.name === "ExperimentStore").actionHandler.CONNECTION_OPEN({
	type: "CONNECTION_OPEN", user: {flags: user.flags |= 1}, experiments: [],
});
actions.find(n => n.name === "DeveloperExperimentStore").actionHandler.CONNECTION_OPEN();
webpackChunkdiscord_app.pop(); user.flags &= ~1; "done";
After pasting it, press enter, and you should see a message like this :

Note
While the experiments that you will be able to enable in the next sections persist, the fact that Developer Settings are enabled does not

You will need to re-enable them every time you restart Discord by running the snippet again

You can do so easily by pressing the up arrow in the console, and pressing enter

4. Access the Experiments tab

Now that you have enabled the Developer Settings, you can now access the Developer Only Section at the bottom of the settings

You will see a new tab called Experiments


And that's it, you now have access to the Developer Settings, and the Experiments tab

You can now enable the features you want, and test them out

5. Bonus, why you're actually here : Disabling the Desktop Visual Refresh

Warning
The Old UI is getting more and more broken with time passing

Currently, this can be fixed with a little bit of CSS, but it will not be the case forever

If you're here, it's likely because you want to disable the Desktop Visual Refresh

Search Desktop Visual Refresh in the Experiments tab, and you will see a dropdown


Set it to Not Eligible, and Magic, the Desktop Visual Refresh is disabled


And Voilà, you're done

6. Bonus, fixing the Old UI

You have few options to inject some CSS into discord, either :

You continue the mostly vanilla way and install OpenAsar
You got the fully modded way and use Vencord

In case you decide to go with Vencord, it has an Experiments plugin that allow you to easily enable the Developper Settings without the convoluted solution that we used here

However i know that not everyone want to use a modded discord client so OpenAsar is a lighter easier way to alter Discord's CSS

No matter which one you choose, simply add this where they allow you to add some CSS and stuff should look fine with the Old UI

Note
At some point i will replace this part by a link to some GitHub repo

[class^=sidebar] + [style="width: 100%; height: 100%; display: flex;"] {
	width: calc(100% - 240px) !important;
	> [style="min-width: 488px;"]{
		min-width: unset !important;
	}
	> [class^=chatLayerWrapper] {
		position: relative !important;
	}
}
No results found