Xcode, Utilities tab not present - xcode7

The utilities tab in Xcode isn't showing up, it's just not appearing. When I stopped working on it a few hours ago, everything was fine. As I'm opening it now, the tab (the one on the extreme right) isn't on the screen. How do I get it back?

There is Hide or Show Utilities option box is there on the right side First of the XCode.If you click that it shows you and again if you click that it hides the utilities.Also see the below screenshots
When I click the Hide Or Show Utilities box,It opens
Now Again When I click that It hides the Utilities

Click on top right corner to show or hide utility, It looks like below image
Click right most button!

Related

I used to have tabs at the top for each open file editor - now it only shows the currently open tab

As you can see in the screenshot:
I have 4 editors open (shown on the left side) but only the currently selected editor appears at the tab bar on the top. I used to have all 4 tabs open side by side at the top and could click on them like Internet browser tabs. I haven't found anything that tells me why this happened and how I can fix it. How can I return it to having side-by-side tabs for each editor?
Did you disable this setting? Sounds like you didn't which is strange.
Workbench > Editor: Show Tabs
Enable it to get all the tabs showing if it isn't already enabled.

Why HTML/CSS Dropdown Menu links not clicking thru on 1st click, only 2nd+ click works?

Strangely, all of the links in a HTML/CSS/JS dropdown menu (top right with parent menu items "Home" "Shop" "Create" as shown in example image), do not click-thru to their href= destinations on the 1st click. Clicking 1 time does nothing. Wait a few seconds to verify nothing happens, then click again - works browser follows the link to the destination on the 2nd click fine.
I am testing in Google Chrome.
This is the only menu or set of links having this issue in the entire site...
I've already right-clicked on them to inspect-element with the developer panel in Chrome, expecting to find some other element blocking it or something but it's not the case, the target seems clickable and the hover states work fine and everything.
View example here: http://www.PuckStyle.com
Thank you!
Update:
Here is a screenshot as requested-
(source: puckstyle.com)
I managed to find something using the Chrome dev tools checking for events.
If I remove that click event (1) then I can single click the link in the menu.
When I click the link to the script (2), the code block (3) is highlighted.
Looks like a script to double-tap. You could remove it from your site. Double-taping in your website is probably not needed.

What is this menu in the bottom-left of Chrome inspector used for?

Today I noticed a small menu in the bottom left of Chrome Inspector. Upon clicking the dots, this menu appears. When you select an option, a tab is open in the bottom of inspector, but nothing changes on the page or in inspector.
Does anyone know what this menu is used for?
You've just discovered like 8 new worlds of DevTools features, my friend.
That whole section is called the Drawer. It's collapsed in your screenshot, which is why it seems like nothing is happening. Press Escape to expand it. You should be able to drag the bar to the right of the Search tab to adjust the Drawer's height.
Each of those menu items represents a different tab in the Drawer.
P.S. the Drawer collapses automatically when you're on the Console panel, if you also have the Console Drawer tab open. Otherwise DevTools would have to make sure that the two UIs stay in sync.
P.P.S. the Drawer should probably auto-expand when you click on a menu item, since you obviously want to use that tab. I think that's fixed in later versions of Chrome but I'll file a bug report if not.

How can I fix my developer's console?

I use google chrome and I used to have a console at the bottom of the page where I could edit the CSS of the loaded page. Now that has disappeared and instead I have to the right another panel, now I want to old one back where I could make liv changes to the CSS. How can I solve this problem?
With the keyboard:
Esc to close the drawer (the sub-menu with this console view.)
Ctrlshiftd to toggle the dock (main menu) between side and bottom display (Meta keys vary on OsX)
Or enlarge the docker window by pulling left until you can see these in the top right:
(the left icon is the drawer you want to hide, the right icon is the dock you want moved, the middle is the settings which includes the keyboard shortcut info.)

How to dock Chrome Web Inspector to the side of the browser instead of the bottom?

It's currently docked to the bottom of the browser.
I know it can be split into a separate window, but I wanted it docked to the side of the browser instead.
Click on the gear in the lower right of the inspector. Check the Dock to right option. You may have to update to the beta/dev channel for the option to be available.
Update: The option is now in the lower left of the inspectors toolbar.
Just wanted to tell that for Google Chrome 24 the dock to right have been moved to the bottom left. You have to hold down the icon.
Take a look at this chrome issue: http://code.google.com/p/chromium/issues/detail?id=154199
At the top right of the inspector, click the button with the three dots:
A subwindow will appear. There are three buttons beside the text "Dock side"; click on the third:
That's all.