safari window open _blank

[SOLVED] Window.open() doesn't work in Safari in iPhone

window.open() doesn’t work in safari in iPhone. “Doesn’t work” means it does not open a window when it is called. Nothing happens.

It works in Safari in iPad. It works in Safari in desktop. It works in chrome in anywhere.

Has anybody addressed this problem yet?

Hi @lenvanthis ,

Yes, that’s an issue with Safari on iPhone, not related with PlayCanvas.

I’m not sure if there is anything you can do with JavaScript to address that. The only way is to show some HTML elements that include a clickable a href link for the user to click.

Thank you for the response. By any chance, do you know any example of clickable html element with a href link? All so too new to me. Thanks a lot.

So, go to this example and fork it:

https://developer.playcanvas.com/en/tutorials/htmlcss-ui/

And from there update the html asset with the following HTML:

That will make the increment word become a link that opens the playcanvas.com page on a new tab.

Are you trying to do this on a PlayCanvas UI button? If so, you may want to do something similar to Capturing a screenshot | Learn PlayCanvas where we use a HTML element and call click on it.

That is a freaking helpful info. Amazing. Looking forward to testing out what I learned from your code.

Thanks, again.

Thank you for the info again, Leonidas.

OMG… Yaustar & Leonidas,

I am happy to inform you it perfectly worked. Let me show what I did. Thank you for the help!!

A post was split to a new topic: Loading scenes issue?

does this still working I’ve been testing it with no sucsess ?

Didn’t work for me

@naveen_lb @SprayArks

I have just tested this on my iPhone X from playcanvas launch.

It worked there.

But I do have other errors from iPhone which is related to security issues from playcanvas-stable.min.js. I will create a thread on this if there is any already.

• Skip to main content
• Skip to search
• Skip to select language
• Sign up for free
• English (US)

Window: open() method

The open() method of the Window interface loads a specified resource into a new or existing browsing context (that is, a tab, a window, or an iframe ) under a specified name.

A string indicating the URL or path of the resource to be loaded. If an empty string ( "" ) is specified or this parameter is omitted, a blank page is opened into the targeted browsing context.

A string, without whitespace, specifying the name of the browsing context the resource is being loaded into. If the name doesn't identify an existing context, a new context is created and given the specified name. The special target keywords , _self , _blank , _parent , _top , and _unfencedTop can also be used. _unfencedTop is only relevant to fenced frames .

This name can be used as the target attribute of <a> or <form> elements.

A string containing a comma-separated list of window features in the form name=value — or for boolean features, just name . These features include options such as the window's default size and position, whether or not to open a minimal popup window, and so forth. The following options are supported:

If this feature is enabled, it requests that a minimal popup window be used. The UI features included in the popup window will be automatically decided by the browser, generally including an address bar only.

If popup is not enabled, and there are no window features declared, the new browsing context will be a tab.

Note: Specifying any features in the windowFeatures parameter, other than noopener or noreferrer , also has the effect of requesting a popup.

To enable the feature, specify popup either with no value at all, or else set it to yes , 1 , or true .

Example: popup=yes , popup=1 , popup=true , and popup all have identical results.

Specifies the width of the content area, including scrollbars. The minimum required value is 100.

Specifies the height of the content area, including scrollbars. The minimum required value is 100.

Specifies the distance in pixels from the left side of the work area as defined by the user's operating system where the new window will be generated.

Specifies the distance in pixels from the top side of the work area as defined by the user's operating system where the new window will be generated.

If this feature is set, the new window will not have access to the originating window via Window.opener and returns null .

When noopener is used, non-empty target names, other than _top , _self , and _parent , are treated like _blank in terms of deciding whether to open a new browsing context.

If this feature is set, the browser will omit the Referer header, as well as set noopener to true. See rel="noreferrer" for more information.

Note: Requested position ( top , left ), and requested dimension ( width , height ) values in windowFeatures will be corrected if any of such requested value does not allow the entire browser popup to be rendered within the work area for applications of the user's operating system. In other words, no part of the new popup can be initially positioned offscreen.

Return value

If the browser successfully opens the new browsing context, a WindowProxy object is returned. The returned reference can be used to access properties and methods of the new context as long as it complies with the same-origin policy security requirements.

null is returned if the browser fails to open the new browsing context, for example because it was blocked by a browser popup blocker.

Description

The Window interface's open() method takes a URL as a parameter, and loads the resource it identifies into a new or existing tab or window. The target parameter determines which window or tab to load the resource into, and the windowFeatures parameter can be used to control to open a new popup with minimal UI features and control its size and position.

Remote URLs won't load immediately. When window.open() returns, the window always contains about:blank . The actual fetching of the URL is deferred and starts after the current script block finishes executing. The window creation and the loading of the referenced resource are done asynchronously.

Modern browsers have strict popup blocker policies. Popup windows must be opened in direct response to user input, and a separate user gesture event is required for each Window.open() call. This prevents sites from spamming users with lots of windows. However, this poses an issue for multi-window applications. To work around this limitation, you can design your applications to:

• Open no more than one new window at once.
• Reuse existing windows to display different pages.
• Advise users on how to update their browser settings to allow multiple windows.

Opening a new tab

Opening a popup.

Alternatively, the following example demonstrates how to open a popup, using the popup feature.

It is possible to control the size and position of the new popup:

Progressive enhancement

In some cases, JavaScript is disabled or unavailable and window.open() will not work. Instead of solely relying on the presence of this feature, we can provide an alternative solution so that the site or application still functions.

Provide alternative ways when JavaScript is disabled

If JavaScript support is disabled or non-existent, then the user agent will create a secondary window accordingly or will render the referenced resource according to its handling of the target attribute. The goal and the idea are to provide (and not impose ) to the user a way to open the referenced resource.

The above code solves a few usability problems related to links opening popups. The purpose of the event.preventDefault() in the code is to cancel the default action of the link: if the event listener for click is executed, then there is no need to execute the default action of the link. But if JavaScript support is disabled or non-existent on the user's browser, then the event listener for click is ignored, and the browser loads the referenced resource in the target frame or window that has the name "WikipediaWindowName" . If no frame nor window has the name "WikipediaWindowName" , then the browser will create a new window and name it "WikipediaWindowName" .

Note: For more details about the target attribute, see <a> or <form> .

Reuse existing windows and avoid target="_blank"

Using "_blank" as the target attribute value will create several new and unnamed windows on the user's desktop that cannot be recycled or reused. Try to provide a meaningful name to your target attribute and reuse such target attribute on your page so that a click on another link may load the referenced resource in an already created and rendered window (therefore speeding up the process for the user) and therefore justifying the reason (and user system resources, time spent) for creating a secondary window in the first place. Using a single target attribute value and reusing it in links is much more user resources friendly as it only creates one single secondary window, which is recycled.

Here is an example where a secondary window can be opened and reused for other links:

• Same-origin policy

If the newly opened browsing context does not share the same origin , the opening script will not be able to interact (reading or writing) with the browsing context's content.

For more information, refer to the Same-origin policy article.

Accessibility concerns

Avoid resorting to window.open().

It is preferable to avoid resorting to window.open() , for several reasons:

• Modern browsers offer a popup-blocking feature.
• Modern browsers offer tab-browsing, and tab-capable browser users prefer opening new tabs to opening new windows in most situations.
• Users may use browser built-in features or extensions to choose whether to open a link in a new window, in the same window, in a new tab, the same tab, or in the background. Forcing the opening to happen in a specific way, using window.open() , will confuse them and disregard their habits.
• Popups don't have a menu toolbar, whereas new tabs use the user interface of the browser window; therefore, many users prefer tab-browsing because the interface remains stable.

Never use window.open() inline in HTML

Avoid <a href="#" onclick="window.open(…);"> or <a href="javascript:window\.open(…)" …> .

These bogus href values cause unexpected behavior when copying/dragging links, opening links in a new tab/window, bookmarking, or when JavaScript is loading, errors, or is disabled. They also convey incorrect semantics to assistive technologies, like screen readers.

If necessary, use a <button> element instead. In general, you should only use a link for navigation to a real URL .

Always identify links leading to a secondary window

Identify links that will open new windows in a way that helps navigation for users.

The purpose is to warn users of context changes to minimize confusion on the user's part: changing the current window or popping up new windows can be very disorienting to users (in the case of a popup, no toolbar provides a "Previous" button to get back to the previous window).

When extreme changes in context are explicitly identified before they occur, then the users can determine if they wish to proceed or so they can be prepared for the change: not only they will not be confused or feel disoriented, but more experienced users can better decide how to open such links (in a new window or not, in the same window, in a new tab or not, in "background" or not).

• WebAIM: Links and Hypertext - Hypertext Links
• MDN / Understanding WCAG, Guideline 3.2
• G200: Opening new windows and tabs from a link only when necessary
• G201: Giving users advanced warning when opening a new window

Specifications

Browser compatibility.

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

• <form>
• window.close()
• window.closed
• window.focus()
• window.opener
• rel="opener" and rel="noopener"

Stack Exchange Network

Stack Exchange network consists of 183 Q&A communities including Stack Overflow , the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Q&A for work

Connect and share knowledge within a single location that is structured and easy to search.

Start Safari with tabs, but open new window with start or blank page?

I'd like the following behavior:

• when I start Safari, I'd like a window with a preselected set of tabs opened (this is easily done through preferences)
• when I then open a new window (⌘-N) I'd like it to open with either a blank window or the start page (either would be acceptable). Right now it opens with that set of tabs again.

But I can't figure out how to accomplish the second bullet in Preferences. New windows open with the start set of tabs, which is not what I want. Suggestions?

(fyi, what I'm trying to achieve is how Chrome behaves, but I'm switching to Safari for my personal use)

You must log in to answer this question.

Browse other questions tagged macos safari ..

• The Overflow Blog
• Diverting more backdoor disasters
• Featured on Meta
• New Focus Styles & Updated Styling for Button Groups
• Upcoming initiatives on Stack Overflow and across the Stack Exchange network
• Google Cloud will be Sponsoring Super User SE

Hot Network Questions

• What is the name of a horror movie about small insects that destroyed humanity?
• Wheel scratched carbon on ride
• Why do most philosophers believe in a deterministic formulation of quantum mechanics?
• Does Kabbalah really teach this?
• What is the best way to improve the ease of using metaphors?
• MTG is there a situation where running 4 copies of a card with each different art has advantage/disadvantage over having identical 4 copy of a card?
• Can I completely omit "of" when speaking quickly?
• Old sci-fi episode/movie: man on a spaceship replaced his dead wife and kids with robot replicas
• Long equation doesn't fit within text block
• Does the current “ruling ontology” deny any possibility of a social causation of mental illness?
• If a sequence can be broken down into two subsequences that both converge to the same value, does the main sequence necessarily converge?
• Did the flight service standard drop after Covid?
• Is it normal to partially cover fees to attend the conference by PI for postdoc?
• Why do Chinese people complicate the matter in choosing the words for translation
• How can I draw a barrel like this?
• What is the difference between "residuo" and "desecho"?
• Problems with \Ref and babel (The Latex Companion 3rd edition p.78)
• Does writing data on one LV overwrite deleted files on another LV from the same group?
• Michael Noll's early computer art - arranging graphic elements in a circular manner
• Why does microwave take more time to heat more food?
• How to make a device to randomly choose one of three possibilities, with caveat that sometimes one of them is not available?
• How do I attach this master link on the chain?
• Output a 1-2-3 sequence
• Filesystem with encryption support

• PRO Courses Guides New Tech Help Pro Expert Videos About wikiHow Pro Upgrade Sign In
• EDIT Edit this Article
• EXPLORE Tech Help Pro About Us Random Article Quizzes Request a New Article Community Dashboard This Or That Game Popular Categories Arts and Entertainment Artwork Books Movies Computers and Electronics Computers Phone Skills Technology Hacks Health Men's Health Mental Health Women's Health Relationships Dating Love Relationship Issues Hobbies and Crafts Crafts Drawing Games Education & Communication Communication Skills Personal Development Studying Personal Care and Style Fashion Hair Care Personal Hygiene Youth Personal Care School Stuff Dating All Categories Arts and Entertainment Finance and Business Home and Garden Relationship Quizzes Cars & Other Vehicles Food and Entertaining Personal Care and Style Sports and Fitness Computers and Electronics Health Pets and Animals Travel Education & Communication Hobbies and Crafts Philosophy and Religion Work World Family Life Holidays and Traditions Relationships Youth
• Browse Articles
• Learn Something New
• Quizzes Hot
• This Or That Game New
• Train Your Brain
• Explore More
• Support wikiHow
• About wikiHow
• Log in / Sign up
• Computers and Electronics
• Internet Browsers
• Safari Browser

Simple Ways to Open Safari in Full-Screen Every Time on Mac

Last Updated: September 5, 2023 Fact Checked

Making Safari Full-Screen

Changing settings.

This article was co-authored by wikiHow staff writer, Darlene Antonelli, MA . Darlene Antonelli is a Technology Writer and Editor for wikiHow. Darlene has experience teaching college courses, writing technology-related articles, and working hands-on in the technology field. She earned an MA in Writing from Rowan University in 2012 and wrote her thesis on online communities and the personalities curated in such communities. This article has been fact-checked, ensuring the accuracy of any cited facts and confirming the authority of its sources. This article has been viewed 14,115 times. Learn more...

Do you want Safari to fill the screen instead of looking like a window every time you open it? Fortunately, you're just a few menu clicks away from that! By default, Safari will open as a window, but this wikiHow article teaches how to have Safari on your Mac open in full-screen all the time!

Things You Should Know

• Maximize Safari by clicking the green icon and selecting "Enter Full Screen."
• Alternatively, use keyboard shortcuts like "Cmd + Ctrl + F" to make Safari full-screen.
• Once Safari is in full-screen mode, go to "System Settings > General" and uncheck the box next to "Close windows…"

• Alternatively, press a keyboard shortcut to enter Full Screen without using your mouse. For macOS Big Sur and earlier, press Cmd + Ctrl + F . For macOS Monterey and later, press Fn + F . [2] X Research source Press those shortcut buttons again or Esc to close full-screen.
• Move your mouse over areas to reveal hidden objects when Safari is full screen. For example, the Dock is hidden when you use Safari in full screen. Simply make it appear again by moving your mouse to wherever your Dock is.

• If you're using an older version of macOS, "System Settings" will instead be "System Preferences."

• If you're using an older macOS version, this is a checkbox in "General" instead. Make sure it's unchecked so your Safari windows will not be closed when you quit the application.
• Press Cmd + Q to quit Safari without closing any windows. If you go to your open windows and close them with "Cmd + W," then you won't be able to restore that window by opening Safari again. Instead, press Cmd + Q to be able to re-open that window in full-screen mode whenever you open Safari.

Expert Q&A

• If you're using an iPad and split-screen is causing your Safari to take up only half the screen, disable it by dragging the grey line. Thanks Helpful 0 Not Helpful 0
• If you're using an iPhone, use desktop mode for Safari to access options you don't have using mobile-mode. Thanks Helpful 0 Not Helpful 0

You Might Also Like

• ↑ https://support.apple.com/guide/mac-help/use-apps-in-full-screen-mchl9c21d2be/mac
• ↑ https://support.apple.com/en-us/HT201236

About This Article

• Send fan mail to authors

Is this article up to date?

Featured Articles

Trending Articles

Watch Articles

• Terms of Use
• Privacy Policy
• Do Not Sell or Share My Info
• Not Selling Info

Keep up with the latest tech with wikiHow's free Tech Help Newsletter

JS Reference

Html events, html objects, other references, window open().

Open "www.w3schools.com" in a new browser tab:

More examples below.

Description

The open() method opens a new browser window, or a new tab, depending on your browser settings and the parameter values.

The close() method .

• true - URL replaces the current document in the history list
• false - URL creates a new entry in the history list

Chrome throws an exception when using this parameter.

Source: Bugs Chromium Issue 1164959 .

Return Value

Advertisement

More Examples

Open an about:blank page in a new window/tab:

Open a new window called "MsgWindow", and write some text into it:

Replace the current window with a new window:

Open a new window and control its appearance:

Open multiple tabs:

Open a new window. Use close() to close the new window:

Open a new window. Use the name property to return the name of the new window:

Using the opener property to return a reference to the window that created the new window:

Browser Support

open() is supported in all browsers:

COLOR PICKER

Report Error

If you want to report an error, or if you want to make a suggestion, do not hesitate to send us an e-mail:

[email protected]

Top Tutorials

Top references, top examples, get certified.

• Remember me Not recommended on shared computers
• Customize with code
• Blog Entries
• Status Updates

window.open does not work in Safari

By amitava82 , July 19, 2019 in Customize with code

Recommended Posts

Given following code injected into the page:

var btn = document.querySelector("a[href=#testbtn]");

btn.addEventListener('click', function(){ window.open('https://google.com');});

It does not open new window. The click handler does get called. window.open returns null. Same piece of code tested with a simple html page works fine in same browser.

Link to comment

• Created 4 yr
• Last Reply 4 yr

accordJulian

@amitava82 Just from the brief bit of code you posted above, I'm assuming you have tag button, that when the user clicks on it you want the link (google.com) to open in a new tab?

If so, you don't need to do this in JavaScript. Simply add the url as the href value and then give it the attribute "target" with a value of "_blank". E.g:

Well of course. This is just a simplified example to demonstrate the issue. Our clients use our widget on squarespace and it is breaking due to this bug.

This topic is now archived and is closed to further replies.

• What's new at Squarespace - March 2024
• New webinar: Updating your website to Squarespace 7.1
• The Musicians' Guide To Building A Squarespace Website with Becca Harpain
• Setting up shipping options FAQ
• Existing user? Sign In
• Help Guides
• Upcoming Calendar
• Circle Live Episodes
• Circle Day 2023
• Circle Day 2022
• Referral Payments
• Create New...
• Squarespace Forum

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.

• Service Status
• @SquareSpaceHelp
• SquareSpace 5
• Hire A Designer
• Developer Platform
• Website Templates
• Website Design
• Domain Name Search
• Online Stores
• Website Marketing
• Terms of Service
• Privacy Policy

Want to highlight a helpful answer? Upvote!

Did someone help you, or did an answer or User Tip resolve your issue? Upvote by selecting the upvote arrow. Your feedback helps others!  Learn more about when to upvote >

Safari open to a blank page???

when I open my default browser, safari, on my MacBook air the page is blank. How do i rectify this ??

MacBook Air 13″, macOS 12.4

Posted on Jun 28, 2023 11:24 AM

Posted on Jun 28, 2023 11:29 AM

Open the Safari app, click Preferences in the menu named Safari, click General at the top of the Safari Preferences window, and then change the following to what you want:

Safari opens with:

New windows open with:

New tabs open with:

Similar questions

• Safari can’t open the page? MacBook Air I have ; constantly shows Safari can’t open the page? 292 1
• Safari can’t open any page on my MacBook Safari can’t open any page I am trying to load. 1564 2
• Safari can not open page for MacBook Air 2019 How fix Safari can not open page for MacBook Air 2019 and it runs very slow? 304 1

Loading page content

Page content loaded

Jun 28, 2023 11:29 AM in response to hsainc

Jul 3, 2023 4:34 PM in response to hsainc

• What happens when you log into msn.com by typing it in after the blank page displays?
• What are your current selections for each of the options in the following?

Jul 3, 2023 3:30 PM in response to hsainc

Thank you Foxfith for your response. However, fyi; I tried your solution and my I still try to open my homepage (msn.com) it still appears blank.

Safari User Guide

• Change your homepage
• Import bookmarks, history, and passwords
• Make Safari your default web browser
• Go to websites
• Find what you’re looking for
• Bookmark webpages that you want to revisit
• See your favorite websites
• Use tabs for webpages
• Pin frequently visited websites
• Play web videos
• Mute audio in tabs
• Pay with Apple Pay
• Autofill credit card info
• Autofill contact info
• Keep a Reading List
• Hide ads when reading articles
• Translate a webpage
• Download items from the web
• Share or post webpages
• Add passes to Wallet
• Save part or all of a webpage
• Print or create a PDF of a webpage
• Customize a start page
• Customize the Safari window
• Customize settings per website
• Zoom in on webpages
• Get extensions
• Manage cookies and website data
• Block pop-ups
• Clear your browsing history
• Browse privately
• Autofill user name and password info
• Prevent cross-site tracking
• View a Privacy Report
• Change Safari preferences
• Keyboard and other shortcuts
• Troubleshooting

Customize a start page in Safari on Mac

You can put everything from the web that’s most important to you in one convenient place, the start page.

Open Safari for me

Select options for your start page.

Use Start Page on All Devices: Select this to use the same start page settings on your iPhone, iPad, and iPod touch. You must be signed in to your other devices with the same Apple ID as on your Mac and have Safari turned on in iCloud preferences .

Tab Group Favorites: Show websites you’ve added as favorites to the selected Tab Group.

Recently Closed Tabs: Show websites from tabs you’ve recently closed in the selected Tab Group.

Favorites: Show websites from the bookmarks folder you’ve chosen in General settings. See Change General settings .

Frequently Visited: Show websites you’ve visited often or recently.

Siri Suggestions: Show suggested websites found in Messages, Mail, and other apps. If Siri Suggestions isn’t listed, you can turn it on. See “Customize Siri suggestions” in Ways to use Siri .

Reading List: Show webpages you’ve selected to read later.

Privacy Report: Show a privacy summary, which you can click for details about who was prevented from tracking you.

iCloud Tabs: Show webpages open on your other devices.

You must be signed in to your other devices with the same Apple ID as on your Mac and have Safari turned on in iCloud preferences .

You can also drag a photo onto the start page.

Drag start page options into the order you want them to appear.

Click in the Safari window.

You can have the start page appear whenever you open a new window or tab. See Change General preferences . You can also see the start page by clicking in the Smart Search field . See View your Favorites .