ClickNote
ClickNote
Try the live demoStart free trial

The demo needs no sign-up. The trial needs no card.

Open dashboard
Choose a plan
Dashboard
Start free trial

The trial needs no card.

What browser am I using?

Has your web designer asked what you are viewing their site on? The answer is below: your browser and its version, your device, your screen and your window size. Press “Copy these details” and paste them into your reply.

Are you the web designer? Send this page to your client and ask them to press Copy.

Reading your browser

Browser
Not read yet
Version
Not read yet
Operating system
Not read yet
Device
Not read yet
Colour mode
Not read yet
Language
Not read yet
Email these details

Copying puts the details on this page on your clipboard as plain text. The email link opens your own email program: it sends nothing by itself.

What is my screen resolution?

Your screen resolution is shown here once the page has read it.

Not read yetScreen resolution, in pixels
Not read yetBrowser window (viewport): resize the window and this changes
Not read yetPixel ratio: screen pixels to each pixel a web page measures in

User agent

The line your browser sends to every site it visits. A developer may ask for it in full.

Not read yet

Runs in your browser. Nothing you open or type is sent anywhere.

How to use it

  1. Open this page where the problem is

    Use the device and the browser in which the site looks wrong. Each browser reports itself, so the page has to be opened in the one in question.

  2. Press “Copy these details”

    Everything on the page goes onto your clipboard as a few lines of plain text.

  3. Paste them into your reply

    Paste into an email or a message to your web designer. Or press “Email these details” to start a new email with them already in it.

  4. Sending it to a client?

    Send them this page’s address and ask them to press Copy. It saves the back and forth of which browser, which version and how big a screen.

What a developer is asking for, and why

When a web page looks wrong for one person and fine for everyone else, the cause is nearly always something about what that person is viewing it on. These are the details that matter.

Browser and version

Browsers do not all draw a page the same way, and an old version can lack something a new one has. The name alone is not enough: two versions of Safari three years apart behave differently. The version tells the developer which browser to open to see what you see.

Operating system and device

The same browser differs between a phone and a laptop, and nearly every browser on an iPhone or an iPad is built on Safari’s engine, whatever it is called. Fonts, scrollbars and form controls come from the operating system too, so a page can look different on Windows and on a Mac in the same browser.

Screen resolution and viewport

The screen resolution is the size of the whole display. The viewport is the part of the browser window that shows the page, without the tabs, the address bar and the toolbars, and it is the one that matters most. A website’s layout changes at set viewport widths, called breakpoints: a menu might fold away below 900 pixels. A browser window that is not maximised, or one with a side panel open, can give a large screen the layout meant for a tablet. Resize this window and the viewport figure above changes while the screen resolution stays as it is.

Pixel ratio

Most screens now pack more than one physical pixel into each pixel a web page measures in. A pixel ratio of 2 means each is drawn two pixels across and two down, which is what Apple calls a Retina display. It explains why a logo can look sharp on one screen and soft on another: on a ratio of 2 an image needs twice the pixels each way to stay crisp. Zooming the page changes the figure, so set the zoom back to 100% for a true reading.

The user agent

The user agent is one line of text that names the browser and the system it runs on. It is hard to read, and browsers now keep parts of it vague on purpose, to make people harder to track: browsers on a Mac all claim the same old version of macOS, for example. That is why this page says so when it could not tell, and why it shows the whole line for a developer to read.

What browser am I using?

Questions people ask

What browser am I using?

Its name and version are at the top of this page. They are read from the browser you opened the page in, so if you use more than one, open the page in each. Where a browser does not say enough to be sure, the page says it could not tell.

What is my screen resolution?

It is under “What is my screen resolution?” above, as width by height in pixels. That is the size of your whole display, as your browser reports it. The size of the browser window is beside it, because that is the one a website’s layout responds to.

What is my viewport size?

The viewport is the part of the browser window that shows the page. Its size is under “Browser window (viewport)” above. It changes as you resize the window, turn a phone round or open a side panel, and the figure on this page changes with it.

What is my user agent?

The line in the box above: the text your browser sends to every site it visits to say what it is. Web developers read it to work out your browser and operating system. It does not name you, though it does help to tell one kind of device from another.

What version of Chrome do I have?

Open this page in Chrome and the version is at the top. Chrome shows it too: open the menu with the three dots, then Help, then About Google Chrome, which also checks for an update.

Does this page keep my details?

No. A script in this page reads the details and shows them to you. The page does not store them and does not send them anywhere. They go only where you paste or email them.

Live demo

Try the live demo

We will set up a demo account for you.