Where Is The Inspector Tool In Pages For Mac Download
The Inspector Tool

Jul 20, 2012 Question: Q: Inspector button missing More Less Apple Footer This site contains user submitted content, comments and opinions and is for informational purposes only. Safari includes Web Inspector, a powerful tool that makes it easy to modify, debug, and optimize a website for peak performance and compatibility on both platforms. And with Responsive Design Mode, you can even preview your webpages for various screen sizes, orientations, and resolutions.

Active11 months ago

According to Google this you to be accomplished by visiting 'chrome-devtools://devtools/devtools.html' in Chrome but now visiting that page in the stable version of Chrome (or Canary), just shows a 99% stripped version of the inspector.

To reiterate my 'title' this is in reference to 'inspecting' the inspector. Not just inspecting a normal webpage.

And while I don't think it's necessary to know to resolve the issue, I'm inspecting the inspector so I can style it as discussed by Paul Irish and here: http://darcyclarke.me/design/skin-your-chrome-inspector/

Cœur

22.1k10 gold badges127 silver badges180 bronze badges

cchieracchiera

1,0319 gold badges26 silver badges53 bronze badges

4 Answers

Follow these easy steps!

Press Command+Option+i (Ctrl+Shift+i on Windows) to open DevTools.
Make sure that the developer tools are undocked into a new window. You may have to undock from the menu:
Press Command+Option+iagain on this new window.
That will open the DevTools on the DevTools.
- You can redock the page's DevTools if you want.
If it's not already, select Elements — it's the first icon at the top of the inspector.

A little beyond the scope of your question, but still valid in understanding why you're experiencing your problem can be found by understanding how Chrome Developer Tools: Remote Debugging works.

Paul Irish

33.9k14 gold badges74 silver badges119 bronze badges

JDavisJDavis

2,7551 gold badge18 silver badges21 bronze badges

Open chrome://inspect
Open the inspector on that page (cmd + alt + i)
Scroll to the bottom of the page, under the Other section click the inspect link

The URL in the Other section should look something like this:chrome-devtools://devtools/devtools.html?docked=true&dockSide=bottom&toolbarColor=rgba(230,230,230,1…

EDIT: they've fancied up the chrome:inspect page so you have to click the Other header on the left to get this to work now.

GetFree

24.1k16 gold badges61 silver badges87 bronze badges

Helder RoemHelder Roem

I just got this to work. The key is that you have to start up chrome in 'Remote Debugging' mode.

on OSX, open an terminal window and execute the following:

On windows, Its

(better windows instructions can be found here: https://developers.google.com/chrome-developer-tools/docs/remote-debugging#remote)

This will start up an instance of chrome, that will send debugging messages to a local webserver on port 9222.

If you access that web service, it will give you the ability to use the inspector to inspect any chrome window that is running. Since we want to inspect the inspector, we need to start an inspector window first (As above Use the shortcut keys; for Mac it's Command+option+i.)

Now, go ahead and navigate to

It will present you with a list of windows to display in the debugger. Select the window that starts with 'Developer Tools' and you'll be able to inspect the css for the inspector.

Its hard to see in the image below, but on the left I have my chrome window pointing at the remote debugger, highlighting one of the toolbar labels. On the right you see it lit up with the tooltip just as if we were debugging a web page.

MixologicMixologic

A few weeks ago somebody pointed this out in stackoverflow's 'javscript' chatroom. First, and very importantly, make sure the inspector is undocked from your browser window. Then it's just a matter of opening a inspector window and then inspecting that window. In windows it's CtrlShiftI (Edit: I said, CtrlShiftI but that brings up the console inspecting the console... you should be able to navigate back and forth.) for the keyboard shortcut. (Other keyboard combos for other options and OSes here and here.) Just do that twice and you're good.

Edit: ok, you're probably confused as to undock the window. This is what you'd click if it's docked..

Edit II: I'm not quite sure why you can't inspect. JDavis's answer is consistent with the Google Docs for Apple computers. If you're using Linux it appears to be the same as Windows. You supposed to hit the inspector key combination while the focus is over the inspector window.

JayCJayC

6,5702 gold badges21 silver badges38 bronze badges

Not the answer you're looking for? Browse other questions tagged google-chromegoogle-chrome-devtools or ask your own question.

Have you always dismissed Apple’s productivity apps as unsuitable for your office needs? I did, ever since I bought my first Mac a couple of years ago.

This guide is available to download as a free PDF. Download How iWork Works: The Basics of Pages, Numbers, and Keynote now. Feel free to copy and share this with your friends and family.

The unfamiliar interface and features of the iWork apps represented a learning curve that I didn’t have the time or the inclination to navigate. Until recently.

As part of my attempt to create a minimalist and more efficient Mac experience9 Tips For a Minimalist & More Efficient Mac Experience9 Tips For a Minimalist & More Efficient Mac ExperienceYour Mac's interface is clean and beautiful as it is, but with a few tweaks here and there, you can polish it up some more for a more pleasant desktop experience.Read More, I’m exploring various first party macOS apps such as Pages, Numbers, and Keynote. I invite you to explore them along with me. You might just discover that iWork has the potential to be your go-to office suite after all.

What’s in a Name?

Apple’s office productivity apps were collectively known as iWork. That changed (or so it seems) once the applications in the suite — Pages, Numbers, and Keynote — made an appearance as individual apps on the Mac App Store. But the “iWork” name persists on the Apple website, so we’ll stick with that name in the interest of clarity and simplicity.

To be clear, Pages is for word processing, Numbers is for creating spreadsheets, and Keynote is for creating presentations.

Get Pages, Numbers, and Keynote on Your Mac

If you bought a Mac on or after October 1, 2013, it probably came with Pages, Numbers, and Keynote pre-installed. In any case, it qualifies for a free installation of the iWork apps, and you can download them from the Mac App Store anytime.

For a 30-day window after your Mac purchase, you can also get the iWork apps for free via Apple’s Up-To-Date program. Conditions apply! iWork’s zero-dollar price tag is not the only reason5 Reasons You Should Use iWork Instead of Microsoft Office5 Reasons You Should Use iWork Instead of Microsoft OfficeMany long-time Office users will be unwilling to transi

Where Is The Inspector Tool In Pages For Mac