Where is the Javascript console (like in Chrome) in Safari 6?

Question

there is a problem with Discord.JS. On voiceStateUpdate event when getting the voice field in member it is undefined

client.on('voiceStateUpdate', async (oldMember, newMember: GuildMember) => {
  console.log(newMember.voice) // == undefined
})

Solution 1

With the Web Inspector pane open and focused, click on the "speech bubble" icon above the left-hand pane, or press Control-8.

Update: Or, whether the Web Inspector pane is open or not, press Option-Command-C; or, if you have made the Developer menu visible in Safari's preferences, drop down "Develop" and choose "Show Error Console".

Solution 2

The other answers are fine, but for prosperity (Google search completeness...): on Mac OSX you open Chrome developer tools with Option+Cmd+I (or Option+Cmd+J to go directly to the JavaScript Console). With Safari it is Option+Cmd+C.

To enable the Developer Tools in Safari:

1. Open Safari Preferences - Cmd+,
2. Advanced tab
3. At the bottom of the dialog, click the "Show Develop menu in menu bar"
4. Close the dialog - Cmd+w
5. Now Safari shows the Develop menu
6. The Develop menu has the option "Show Error Console - Option+Cmd+C"

Press Option+Cmd+C to open the developer tools window, similar to Chrome's...

For me, the Safari JavaScript console seems to be a bit better than Chrome on a Mac for debugging AngularJS module loading errors :-)

Solution 3

From Apple's Using the Console to Debug JavaScript in Safari:

You can also press the Esc key anywhere in Web Inspector to move focus to the Quick Console in the bottom bar.

Comments

[Abhilash]

can you log the data and check if oldMember/newMember has any data?

[Abhilash]

expecting code to be something similar to here discordjs.guide/additional-info/changes-in-v12.html#client

[Декстер Декстеров]

oldMember and newMember has data

[Декстер Декстеров]

It turns out that newMember and oldMember are VoiceState and not GuildMember

[Abhilash]

thats' right. it should have these fields only: channel_id, user_id, session_id, deaf, mute, self_deaf, self_mute, suppress. discord.com/developers/docs/resources/voice

[cherryblossom]

@Abhilash Because it's a Discord.js VoiceState, there are different properties for those things: channelID, id, sessionID, serverDeaf, serverMute, selfDeaf, and selfMute (Discord.js does not store suppress).

[MKM]

thanks! :D Sorry for the delayed check, I thought I had come back. I noticed that I couldn't see the chat bubble when the inspector was in attached mode. I could see it when it was in 'detached' mode.

[Hannah]

Thank you! I had closed it and can't find any other way to re-open it except by hitting esc

[Jaap]

The menu option is now called "Show JavaScript Console" (Safari 12.0)