How to use Safari Split View on iPad


How do you open two browser windows, side-by-side, on your iPad? With the new Safari Split View!

When Split View debuted, the idea was to present two apps, side-by-side, on your iPad. Immediately, of course, everyone wanted to be able to do the same thing with two browser tabs in Safari. Enter Safari Split View. New to iOS 10, it lets you open new tabs, or switch existing tabs, into a limited form of Split View. It’s landscape only and 50/50 only, and while it can be used with side over and picture-in-picture, it can’t be used in combination with multi-app split view. Even so — it’s incredibly useful.

  • How to create a Safari Split View
  • How to open a link in Safari Split View
  • How to turn a tab into Safari Split View
  • How to switch a tab between Safari Split Views
  • How to open links in the opposite Safari Views
  • How to merge Safari Split View back down to tabs

How to create a Safari Split View

It’s easy to put Safari into Split View at any time.

  1. Touch and hold the Tabs button at the top right.
  2. Tap on Open Split View.

If you’re using a keyboard with your iPad, you can also use a keyboard shortcut.

  1. Type CMD+N.

How to open a link in Safari Split View

You can also open any link as a Safari Split View.

  1. Touch and hold on the link. (Long press.)
  2. Tap Open in Split View from the pop-up menu.

How to turn a tab into Safari Split View

If you have multiple tabs open already, you can make one of them into a Safari Split View.

  1. Touch and hold on the tab.
  2. Drag the tab all the way to the right or left until it splits off into a new window.

How to switch a tab between Safari Split Views

Each split view can contain multiple tabs, and you can switch tabs between split views at any time.

  1. Touch and hold on the tab.
  2. Drag the tab to the opposite split view.

How to open links in the opposite Safari Views

You can also open links on the opposite side of your split view.

  1. Touch and hold on the link. (Long press.)
  2. Tap Open On Other Side from the pop-up menu.

How to merge Safari Split View back down to tabs

If you no longer want Safari Split View open, but you want to keep all your tabs, you can collapse everything back down.

  1. Touch and hold on the tab button. (It’s moved to the bottom right.)
  2. Tap Merge All Tabs.

If you don’t want to keep all your tabs, you can simply tab the close icon (looks like an X) to close them. When you’ve closed all the tabs in a split view, that side of the view will also close.

Any Safari Split View questions?

If you have any trouble using Safari Split View, or have any additional questions, drop them in the comments!

iOS

  • iOS 10 preview
  • iOS 10 faq
  • iOS 10 news
  • iOS 9 review
  • iOS help guide
  • iOS Discussion

<!–*/

<!–*/

img {
width: 100%;
height: auto;
}
.devicebox ul {
display: table;
margin: 0 0 10px;
width: 100%;
}
.devicebox ul li {
background: #f7f7f7;
margin: 2px 0;
padding: 4px 15px;
}
.devicebox ul li:hover {
background: #fff;
}
.devicebox ul li:before {
display: none;
}
.devicebox p ~ p {
line-height: 1.25;
}
.devicebox p:first-of-type + p {
padding: 15px;
}
.devicebox a.buy-link {
border-radius: 5px;
display: inline-block;
font: 14px/31px “Proxima Nova Extrabld”,Helvetica,Arial,sans-serif;
text-align: center;
}
.devicebox a.buy-link,
.devicebox a.buy-link:link,
.devicebox a.buy-link:active,
.devicebox a.buy-link:visited {
background: #37B5D7;
color: #FFF;
}
.devicebox a.buy-link:hover {
background: #2694B2;
text-decoration: none;
}
.devicebox a.buy-link:before {
content: “e61e”;
font: 40px/0 “ac_iconset” !important;
margin: 0 3px 0 -8px;
vertical-align: middle;
}
@media all and (min-width: 1025px), all and (max-width: 800px) and (min-width: 660px) {
/* div:not(.columns-3) excludes help menu content */
.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox {
padding: 20px 0 25px;
}
.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox .video {
float: left;
margin: 0 30px 0 0;
width: calc(100% – 375px);
}
.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox h3 + p {
bottom: 37px;
display: block;
overflow: hidden;
position: absolute;
top: 60px;
width: calc(100% – 375px);
}
.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p img,
.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p > img {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p:nth-child(n+3),
.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox ul {
box-sizing: border-box;
margin-left: calc(100% – 345px);
width: 340px;
}
.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p.list-head {
margin-top: -5px;
}
}
@media all and (max-width: 1024px) and (min-width: 801px), all and (max-width: 660px) {
.devicebox h3 {
text-align: center;
}
.devicebox ul,
.devicebox p {
display: block;
}
}
@media all and (max-width: 800px) and (min-width: 660px) {
.devicebox {
padding: 20px 0 25px;
}
.devicebox .video {
float: left;
margin: 0 30px 0 0;
width: calc(100% – 375px);
}
.devicebox h3 + p {
bottom: 37px;
display: block;
overflow: hidden;
position: absolute;
top: 60px;
width: calc(100% – 375px);
}
.devicebox p img,
.devicebox p > img {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.devicebox p:nth-child(n+3),
.devicebox ul {
box-sizing: border-box;
margin-left: calc(100% – 345px);
width: 340px;
}
.devicebox p.list-head {
margin-top: -5px;
}
}
@media all and (min-width: 1025px), all and (max-width: 800px) and (min-width: 661px), all and (max-width: 500px) {
/* 2x buy buttons */
.devicebox a.buy-link {
width: calc(50% – 2.5px);
margin: 0 5px 5px 0;
}
.devicebox a.buy-link:nth-of-type(even) {
margin: 0 0 5px 0;
}
.devicebox a.buy-link:last-of-type:nth-of-type(odd) {
width: 100%;
}
}
@media all and (max-width: 1024px) and (min-width: 801px), all and (max-width: 659px) and (min-width: 501px) {
/* 3x buy buttons */
.devicebox a.buy-link {
width: calc(100%/3 – 10px/3);
margin: 0 5px 5px 0;
}
.devicebox a.buy-link:nth-of-type(3n):not(:nth-last-of-type(2)) {
margin: 0 0 5px 0;
}
.devicebox a.buy-link:only-child {
width: 100%;
margin: 0 0 5px 0;
}
.devicebox a.buy-link:nth-last-of-type(2):nth-of-type(3n+1),
.devicebox a.buy-link:nth-last-of-type(2):nth-of-type(3n+1) ~ a.buy-link,
.devicebox a.buy-link:nth-last-of-type(4):nth-of-type(3n+1),
.devicebox a.buy-link:nth-last-of-type(4):nth-of-type(3n+1) ~ a.buy-link {
width: calc(50% – 2.5px);
}
.devicebox a.buy-link:nth-last-of-type(2):nth-of-type(3n+1) ~ a.buy-link,
.devicebox a.buy-link:nth-last-of-type(4):nth-of-type(3n+1) ~ a.buy-link:nth-last-of-type(odd) {
margin: 0 0 5px 0;
}
}
@media all and (max-width: 800px) {
.devicebox {
margin: 0 0 30px;
max-width: none;
width: auto;
}
}
@media all and (max-width: 500px) {
.devicebox {
margin: 0 0 30px;
max-width: none;
width: auto;
}
.devicebox a.buy-link:before {
display: none;
}
}
.page-admin .devicebox {max-width: 350px;}
.page-admin .devicebox .video_iframe {position: relative; height: 0; padding-bottom: 56.9%;}
.page-admin .devicebox .video_iframe iframe {width: 100%; height: 100%; position: absolute;}

/*–>*/

/*–>*/

/*–>*/


Thank you for your visit on this page How to use Safari Split View on iPad

Source link