Steam

Steam

74 ratings
Steam's Dev Tools
By David Macintosh and 1 collaborators
This guide gives you a quick explanation of the Steam Client's developer tools so you can get quickly started and provides additional resources for more advanced users!





   
Award
Favorite
Favorited
Unfavorite
Intro

     The Steam Client has a lot of extra functionalty for developers,
          which can make your life a lot easier.

      With the correct launch commands you get access to features
  such as a command line version of Steam and the Chromium developer tools.





   These allow you to directly analyse webpages and run javascript code.
How to get it


     Navigate to your Steam installation. It is usualy located at:
C:\Program Files (x86)\Steam




   Right-click on the Steam executable and select Send to > Desktop.




     Left-click the shortcut on your desktop and select Properties.




   Modify the Target option by adding a command option at the very end
      and leave a space between the closing " and your command.

            A valid entry could look like this:
"C:\Program Files (x86)\Steam\Steam.exe" -dev -tcp




         Exit Steam and launch it with your new shortcut.

        If you use the -dev command and added it correctly,
        you should now see a new tab called Console:



  That means you were successful and are ready to use the new functions.




      If you want Steam to autostart with these commands,
   find the correct autostart shortcut (or create it). Usually it is located at:
%AppData%\Microsoft\Windows\Start Menu\Programs\Steam

         Either add your commands as explained above
          or replace it with your new shortcut.


      Here is also a video of how to add the launch commands:
Oh look a hidden message lol
How to use the developer tools


           Press F12 and this window will pop up:



    As you can see, you have access to a lot of debugging features.
         Probably the most useful ones at first are:




     This allows you to look at specific part of the website code:






        Simply paste scripts here and they will be executed:






       This allows you to analyse network traffic of the website:

Additional resources

       The official documentation for the Chrome Developer Tools:
     https://developers.google.com/web/tools/chrome-devtools/


            Here is a list of usable launch options:
          https://gist.github.com/xPaw/fe7d275d31da14d70481


            How to use Steam's client console: https://sp.zhabite.com/sharedfiles/filedetails/?id=873543244

         Even more commands for the client console: https://developer.valvesoftware.com/wiki/Command_Line_Options#SteamCMD
5 Comments
ミTᏔi𐌔T𐌄𐌃 20 Apr @ 12:27pm 
:LIS_star: :LIS_star: :LIS_star:
1caruxx 9 Sep, 2024 @ 8:33am 
Beautiful guide. Still works on september 2024: https://sp.zhabite.com/sharedfiles/filedetails/?id=3327966605
Decline 29 Jul, 2024 @ 6:28pm 
Much ty
󠁳⁧⁧XitraQ 28 Feb, 2021 @ 1:17pm 
Great guide. Very clean and easy to follow. Great work to the two authors! :the_poor_goblin:
??? 15 Sep, 2020 @ 4:43pm 
Great guide. Very clean and easy to follow. Great work to the two authors! :praisesun: