How can I get the public key of a website like VeriSign and all other websites which use https(secure protocol)?
It depends on the browser you're using, if you let me know I'll update my answer.
Chrome 55 and above You can now find this information in Developer Tools. Options (3 dots) -> More Tools -> Developer tools, or press F12, then click the "Security" tab and you'll get a "Security Overview" with a "View certificate" button. As per another SO post from Chrome 60 you can actually enable the option again if you go to chrome://flags/#show-cert-link.
Chrome 54 and below: If you're using Chrome then click on the green bar to the left of the 'https:' in the address bar, for the VeriSign website the green bar says Symantec Corperation [US], this will open a pop up. On the pop up click 'Certificate Information'. This will open another pop up. On this go the 'Details' tab at the top and scroll down to 'Public key' which shows the public key the website is using for it's SSL. In VeriSigns case the public key is a 2048 bit key.
IE: the green bar to click on is to the right of the web address. Clicking this brings a similar pop up where you have to click 'View certificates' which then brings up the same pop up as on Chrome where you go to the Details tab and scroll down to 'Public Key'
This is the pop up that opens after clicking the 'Certificate information' or 'View certificates' links.
In Chrome you can get it via developer tools (F12 in windows) or pick it in the menu (Menu -> More Tools -> Developer Tools).
Then all you need to do is to pick the security tab, here are all information you need.
Just clicking on a secure popup does not work anymore.
Related
This blog explains how to save SSL certificate in chrome and firefox. But I can not following it (my os is Mac). I am not sure if this is because of the difference between mac and windows. Could anybody show me how to save SSL certificate on Mac?
https://medium.com/#menakajain/export-download-ssl-certificate-from-server-site-url-bcfc41ea46a2
The interfaces are a little different in the macOS versions.
In Safari:
Click the padlock icon in the URL bar
Click the Show Certificate button in the dialog that appears
Click on the certificate icon, and drag it to a Finder window (or the Desktop)
In Google Chrome:
Click the padlock icon in the URL bar
If the dialog that appears has a "Connection is secure" line, click on that
Click the "Certificate is valid" or "Certificate (Valid)" area in the dialog
If there is a certificate icon, and drag that to a Finder window (or the Desktop); if there isn't an icon, select the Details tab, then click Export.
In Firefox:
Click the padlock icon in the URL bar
Click the "Show connection details" (right-arrow) button to the right of "Connection secure" in the dialog that appears
Click the "More information" area
Under the Security tab, click the "View Certificate" button
A "about:certificate?cert=..." browser tab will open; scroll down to the Miscellaneous section
In the "Download" line, click "PEM (cert)" to save the site's leaf certificate to your Downloads folder, or "PEM (chain)" to save the entire trust chain
I am using Firefox Developer Edition and when I had the Inspector open, which is accessed by right-clicking an item and selecting Inspect Element, I then right clicked something in the Inspector and selected Show DOM Properties, which you can see in the screenshot below:
However I cannot figure out for the life of me how to close the DOM Properties window.
How can one do this?
The feature you're referring to is called the "split console." You have it toggled on currently. It will show when a tab other than the console is selected. You can click in the split console, or command+alt+k on OSX, and hit escape to close it, or click on the console tab, or click the button in the top right of the dev tools to toggle it back off. I find it most usefull with the debugger tab. When the debugger is paused, you can access variables within the scope of the breakpoint.
Pressing escape with the DOM properties panel focused should get rid of it.
I'm trying to use Firefox dev tools to profile what happens in the australis customize area when I add a widget to a toolbar and when I add it to the panel.
But I can't figure out how to get the profiler to work. Press Ctrl+Shift+k while in the customize tab won't even bring it up.
You need to use the "Browser Toolbox" from the Developer menu.
If you don't see it, just go to any normal web page, bring up the ctrl-shift-k console, click on the settings cog on the top left and then enable the advanced option called "enable chrome debugging".
Steps to reproduce:
Log into Gmail.
Click on the cog icon in the top-left corner; then click on Settings.
Click on the Labs tab.
Enable "Add any gadget by URL" feature.
After reload, go back to the Settings page.
Click on the Gadgets tab.
Add this URL: https://googledrive.com/host/0B0JNj_IM2wiPb1NaX1B0S29MQlE/helloworldgadget.xml
Go to an email that has the string "Hello World" in its subject or body. Notice that the gadget does not show up.
I'm trying this Google tutorial to debug my Chrome extension:
http://code.google.com/chrome/extensions/tut_debugging.html
I've switched to developer mode on the Extensions page
Installed the Hello World extension as advised by the tutorial
Now I'm right clicking the icon of the Hello World extension to get the menu.
In this menu (and developer mode on) there is supposed to be an item called Inspect popup, but it's just not there. It's not on any other extension either.
I'm using Chrome V21 on Windows 7 x64.
The "Inspect popup" option is back, the answer below is no longer valid for recent Chrome versions (~27?).
That tutorial is slightly outdated. Indeed, in the past, every browser action button had a menu option called "Inspect popup". When a browser action didn't have an associated popup, the option was still visible, but disabled.
Now, you have to open the popup by clicking on it, then right-click inside the displayed popup and choose the "Inspect Element" option in order to launch a dev tools instance for the popup.