inspect

%3CLINGO-SUB%20id%3D%22lingo-sub-1079974%22%20slang%3D%22en-US%22%3Einspect%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1079974%22%20slang%3D%22en-US%22%3E%3CP%3EHi%2C%26nbsp%3B%20Congratulations%20to%20all%20the%20hard%20working%20developers%20with%20Edge%20Chromium%2C%20I%20really%20like%20the%20look%20and%20feel%20of%20the%20new%20browser.%3C%2FP%3E%3CP%3EHowever%2C%20maybe%20one%20suggestion.%20As%20a%20web%20developer%2C%26nbsp%3B%20I%20use%20the%20inspect%20function%20(right%20click%20on%20webpage%20and%20inspect)%20a%20lot%20to%20find%20code%20problems%20and%20or%20try%20different%20options%2C%20but%20my%20honest%20opinion%20is%20that%20the%20way%20the%20code%20was%20displayed%20%2F%20offered%20in%20IE%20was%20more%20easy%20to%20work%20with%20than%20the%20way%20it%20is%20displayed%20now%20in%20Edge%20Chromium%20(or%20the%20chrome%20way)%26nbsp%3B%20Don't%20know%20about%20other%20people%2C%20but%20I%20would%20suggest%20that%20if%20possible%20to%20keep%20the%20old%20format%20of%20working%20with%20and%20displaying%20or%20inspect%20source%20code%20the%20way%20it%20was%20before%20Edge%20Chromium.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1079995%22%20slang%3D%22en-US%22%3ERe%3A%20inspect%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1079995%22%20slang%3D%22en-US%22%3EHi%2C%3CBR%20%2F%3Eare%20you%20talking%20about%20the%20developer%20tools%20and%20its%20element%20picker%3F%20which%20you%20can%20use%20either%20by%20pressing%20F12%20or%20right-click%20and%20choose%20%22inspect%22%3CBR%20%2F%3Eor%20are%20you%20talking%20about%20%22view%20source%20code%22%20option%20in%20the%20right-click%20menu%3F%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1080494%22%20slang%3D%22en-US%22%3ERe%3A%20inspect%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1080494%22%20slang%3D%22en-US%22%3E%3CP%3EHi%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F310193%22%20target%3D%22_blank%22%3E%40HotCakeX%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20am%20talking%20about%20the%20developer%20tools%20element%20picker%2C%20the%20one%20when%20you%20right%20click%20and%20choose%20%22inspect%22%20The%20layout%20for%20me%20was%20much%20easier%20to%20work%20with%20in%20the%20pre-chromium%20style.%20The%20screen%20split%20horizontally%20with%20the%20element%20picker%20below%20in%20a%20resizable%20windows%2C%20the%20chromium%20one%20is%20very%20cluttered%20and%20cramped%20in%20on%20the%20right%20hand%20side%20of%20the%20screen%2C%20maybe%20it%20is%20just%20me%2C%20but%20I%20liked%20the%20pre-chromium%20style%20better.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1080503%22%20slang%3D%22en-US%22%3ERe%3A%20inspect%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1080503%22%20slang%3D%22en-US%22%3EYou%20can%20re-position%20it%20and%20put%20it%20at%20the%20bottom%20to%20use%20it%20horizontally%3CBR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Fstackoverflow.com%2Fquestions%2F10023640%2Fhow-to-reposition-chrome-developer-tools%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fstackoverflow.com%2Fquestions%2F10023640%2Fhow-to-reposition-chrome-developer-tools%3C%2FA%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1081310%22%20slang%3D%22en-US%22%3ERe%3A%20inspect%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1081310%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F497881%22%20target%3D%22_blank%22%3E%40bulletjie%3C%2FA%3E%26nbsp%3BThanks%20for%20the%20feedback.%20Can%20you%20try%20the%20latest%20version%20of%20Canary%20and%20let%20us%20know%20if%20that%20resolved%20any%20of%20your%20suggestions%3F%20(And%20as%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F310193%22%20target%3D%22_blank%22%3E%40HotCakeX%3C%2FA%3E%26nbsp%3Bmentioned%2Fdemonstrated%20in%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2FDiscussions%2FLost-Developer-Tools-menubar-entries-in-Edge-Canary%2Fm-p%2F1081219%2Fhighlight%2Ftrue%23M20032%22%20target%3D%22_self%22%3Ethis%20post%3C%2FA%3E%2C%20it's%20now%20possible%20to%20change%20the%20location%20of%20the%20dev%20tools%20window.)%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EFawkes%20(they%2Fthem)%3CBR%20%2F%3EProject%20%26amp%3B%20Community%20Manager%20-%20Microsoft%20Edge%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
New Contributor

Hi,  Congratulations to all the hard working developers with Edge Chromium, I really like the look and feel of the new browser.

However, maybe one suggestion. As a web developer,  I use the inspect function (right click on webpage and inspect) a lot to find code problems and or try different options, but my honest opinion is that the way the code was displayed / offered in IE was more easy to work with than the way it is displayed now in Edge Chromium (or the chrome way)  Don't know about other people, but I would suggest that if possible to keep the old format of working with and displaying or inspect source code the way it was before Edge Chromium.

 

4 Replies
Highlighted
Hi,
are you talking about the developer tools and its element picker? which you can use either by pressing F12 or right-click and choose "inspect"
or are you talking about "view source code" option in the right-click menu?
Highlighted

Hi @HotCakeX 

 

I am talking about the developer tools element picker, the one when you right click and choose "inspect" The layout for me was much easier to work with in the pre-chromium style. The screen split horizontally with the element picker below in a resizable windows, the chromium one is very cluttered and cramped in on the right hand side of the screen, maybe it is just me, but I liked the pre-chromium style better.

Highlighted
You can re-position it and put it at the bottom to use it horizontally
https://stackoverflow.com/questions/10023640/how-to-reposition-chrome-developer-tools
Highlighted

@bulletjie Thanks for the feedback. Can you try the latest version of Canary and let us know if that resolved any of your suggestions? (And as @HotCakeX mentioned/demonstrated in this post, it's now possible to change the location of the dev tools window.)

 

Fawkes (they/them)
Project & Community Manager - Microsoft Edge