Download Microsoft Teams now and get connected across devices on Windows, Mac, iOS, and Android. Collaborate better with the Microsoft Teams app. When i am trying to share a Edge Chromium window with Teams, I get all the tabs in the browser shown to share and not just one window. See screen shot. I can select a tab and share but it does not work. Anyone that knows how to fix this. Google Chrome just shows up as one window and works fine no ma.
-->Ever since browsers started to offer developer tools, the Console is a favorite. The reason is simple.
- In most programming courses, you learn to output some kind of print command to gain insights about what happens.
Before the DevTools, you were limited to an alert() or document.write() statement to debug in the browser.
If you want to log information in the Console, lots of methods are available to you. Review all of available methods in the API reference. The following code snippet lists the most important methods.
Copy and paste the previous code snippet in the Console or navigate to Console messages examples: log, info, error, and warn. When you try any method in the Console, the log() and info() methods seem to do the same thing, while the error() and warn() methods display an icon next to the message and a way to inspect the stack trace of the message.
It is, however, still a good idea to use info() and log() for different log tasks as that allows you to filter using type in the Console.
Different types of logs
Instead of log text you may send any valid JavaScript or DOM references to the Console. The Console is elegant and it determines the type that you send it. It then gives you the best possible representation. Copy and paste the following code snippet in the Console or to display the results, navigate to Console messages examples: logging different types.
Each result is displayed in a different way. Use the triangles to toggle the information and analyze each one in more detail. The curly brace characters {} around the x variable are a nice little trick to avoid lots of log messages where you only get a value but you don't know where it originated.
Format and convert values with specifiers
A special feature of all the log methods is that you may use specifiers in your log message. Specifiers are part of a log message and start with a percentage sign (%) character and allow you to log certain values in different formats and even convert each.
%slogs as Strings%ior%dlogs as Integers%flogs as a floating-point value%ologs as an expandable DOM element%Ologs as an expandable JavaScript object%callows you to style you message with CSS
The first example displays that the order of replacement of specifiers is the parameter order following the string. To display the results, copy and paste the previous code snippet in the Console or navigate to Console messages examples: Logging with specifiers. Expand the information in the log to display the huge difference between %o and %O.
Group log messages
If you log much information, you may use the group and groupCollapsed methods to display log messages as expandable and collapsible groups in the Console. Groups may be nested and named to make the data much easier to understand.
Also in the second example, the group names may be optionally generated. Camera driver. To display the results, copy and paste the previous code snippet in the Console or navigate to Console messages examples: grouping logs. You may expand and collapse each of the sections.
Display complex data as tables
Microsoft Teams Download
The console.table() method logs complex data not as a collapsible and expandable object, but as a table that you may sort using different headers. A sorted table makes it much easier for people to review the information. To display it in an example, navigate to Console messages examples: Using table.
The output of console.table has a table format not only when it displays in the Console. For example, if you copy and paste a table into Excel, Word, or any other product that supports tabular data, the structure remains intact.
If the data has named parameters, the console.table() method also allows you to specify an Array of columns for each property to display as a second parameter. The following example displays how to specify an array of columns that is more readable.
Microsoft Teams Edge
You may be tempted to use the log methods as your main means to debug webpages, because log methods are simple to use. Consider the result of any console.log() request. Live products shouldn't use any log that was used to debug. It may reveal inside information to people. And the noise created in the Console is overwhelming. When you use Breakpoint Debugging or Live Expressions, you may find that your workflows are more effective and you get better results.
Getting in touch with the Microsoft Edge DevTools team
Use the following options to discuss the new features and changes in the post, or anything else related to DevTools.
Microsoft Teams Edge
- Send your feedback using the Send Feedback icon or select
Alt+Shift+I(Windows, Linux) orOption+Shift+I(macOS) in DevTools. - Tweet at @EdgeDevTools.
- Submit a suggestion to The Web We Want.
- To file bugs about this article, use the following Feedback section.