safari disable media keys

Newsroom Update

New features come to Apple services this fall.  Learn more >

Looks like no one’s replied in a while. To start the conversation again, simply ask a new question.

Can you disable media keys in Safari?

I've been using Chrome for years, and now I'm finally taking the leap to Safari. There's one thing holding me back though. The media keys.

How can I disable the media keys in Safari? This is the single most important feature for me. I'm excited about Safari 14, but if I can't do something simple like skipping a song without tabbing through applications and doing it manually Every Single Time I use the media keys, then what's the point?

So, how can I disable the media keys in Safari? Is there an experimental flag, a good (actively maintained app), anything at all that can fix this?

MacBook Pro 13″, macOS 10.15

Posted on Jul 24, 2020 8:27 PM

Similar questions

• disable Safari Media Keys Hej, I switched to a fresh installation of MacOS and thought it would be a good Idea to try Safari (Instead of Firefox/Chrome) again. Joyfully listening music, I joined a Google Meet in Safari. Of cause it would be nice to stop the music when in a meeting - so I pressed Pause on my Keyboard. What stopped now was the Video in the Google Meet session, but the Music was still running. Who thought it would be a "useful" Idea to control the focused App using MediaKeys? Or even the Browser at all? Firefox/Chrome and derivates allow to disable the Media Key Support. Where can I disable it in Safari? 915 2
• How can I DISABLE autoplay of media in Safari on 10.12.x? How can I DISABLE autoplay of media in Safari on 10.12.x? I do NOT want to block video and audio! A similar question was asked years ago. NONE of the answers offered any actual solution. Again, I do NOT want to "block" content, just prevent the irritation of media PLAYING AUTOMATICALLY. Thanks. 482 1
• Disable Multitasking I want to completely disable safari multitasking. This enhancements should be allowed to be disabled. New web windows accidentally gets created when you dragging tabs and accidentally it goes to edge of the screen or just off the tab rows. When a safari window that’s not needed is closed, it can sometimes also close some of the tabs in the other window. The whole thing is tooo frustrating. Settings > Home Screen and multitasking actually has no serious multitasking settings. Practically they are all only Home Screen settings. And definitely no means to disable multitasking. Use large App icons Add to Home Screen Add to library only Show App Library in dock Show suggested in dock Stage manager 1342 1

Loading page content

Page content loaded

Jul 28, 2020 3:23 PM in response to Leanne_68

Hey Leanne,

Unfortunately, enabling "standard function keys" makes the problem worse. I only want specific applications (like Spotify or Apple Music) to interact with the media keys. I'll try leaving some product feedback like you suggested.

Jul 28, 2020 1:55 PM in response to Luselia

Hi Luselia,

Thanks for posting. As we understand it, you want to know if you can disable the functionality of the media keys in Safari on your Mac. We'll be glad to provide an answer.

While there's not a way to disable the media keys, you could try clicking System Preferences > Keyboard > Keyboard, and then checking the "Use F1, F2, etc. keys as standard function keys" box. With that box checked, you would need to hold Fn on your keyboard to use the special features of any of the function keys: How to use the function keys on your Mac

If that's not quite what you're looking for, you can always send your suggestion to Apple here: Product Feedback

Aug 15, 2020 6:11 PM in response to rcprado

Apple doesn’t routinely monitor the discussions. These are mostly user to user discussions.

If you want to, you can send Apple feedback. They won't answer, but at least will know there is a problem or a suggestion for change. If enough people send feedback, it may get the problem/suggested change solved sooner.

Safari Feedback    

Aug 14, 2020 9:54 PM in response to Leanne_68

Thats ridiculous from Apple (not giving the user an option to [DISABLE keyboard MEDIA KEYS] on Safari.

That's different from changing the "standard function keys".

That means make Safari ignore controls from the macbook media keys.

A practical example (and horrible for the user) is when we are listening to Music.app, or iTunes.app, listening some music, and while navigating on Safari (e.g: on some game preview website [which I wanna read about the game, to buy it) that site has some video preview content about the game itself. Well, thhis is how the PROBLEM starts on Apple Safari, because i am listening to AppleMusic on Music/iTunes app while reading about the game on Safari

Then I decide to change the music, to advance iTunes/Music to the next song (while reading the website on Safari)

And I CAN'T

Becaus Safari stole the Keyboard Media Keys to control the 'video content' on the 3rd party game website [which I am not interested (on the video on that site)] I was there just READING about the game, but Safari does NOT let the macbook Media Keys control Music/iTunes anymore...

Thats a shame about Apple products and the lack of user options to decide what is better for each one.

Get MS Edge for MacOS, it has that option to not override the media keys for itself.

C'mon Apple, I love your products, but you [the company] is not anymore how you used to be, where the users had their choices on configuring the products [hard/soft] we buy from you.

Don't limit the users options, give the users more options, the more they have the more they will thank you [the Apple Company]

Really, Microsof Edge is doing all we wanted on Safari for years.

And on the roadmap, MS Edge will gonna kill Safari on the short time [if Apple continues to limit and limit the user's optinos] And I can tell more about it, I am beta-testing Safari 14 on Catalina, and there are fewer options (again the same thinking about removing users options) than Safari 13 for MacOS Catalina

Steve Jobs would never decide thinks like that. Never.

Apple lost its perfectionism, its admiral about being the best on its creations, and being proud about the USER [to be proud to be using] an Apple Product.

Good times were Steve years

There will be no future for Apple on the middle time, if continuing to limit the users options

Sincerely, the best apple admiral and user for years,

Very disappointed on the current short time

Aug 15, 2020 8:37 AM in response to Luselia

I found a temporary solution. Mac Media Key Forwarder has been working great for me. It's not being actively maintained though so I'm worried the app might not work in the upcoming Big Sur release.

Aug 15, 2020 7:31 PM in response to Eric Root

Thanks for the suggestions. I've left some feedback for the safari team.

Aug 15, 2020 7:38 PM in response to Luselia

You are welcome.

Safari User Guide

• Get started
• Go to a website
• Bookmark webpages to revisit
• See your favorite websites
• Use tabs for webpages
• Import bookmarks and passwords
• Pay with Apple Pay
• Autofill credit card info
• View links from friends
• Keep a Reading List
• Hide ads when reading
• Translate a webpage
• Download items from the web
• Add passes to Wallet
• Save part or all of a webpage
• Print or create a PDF of a webpage
• Interact with text in a picture
• Change your homepage
• Customize a start page
• Create a profile
• Block pop-ups
• Make Safari your default web browser
• Hide your email address
• Manage cookies
• Clear your browsing history
• Browse privately
• Prevent cross-site tracking
• See who tried to track you
• Change Safari settings
• Keyboard and other shortcuts

Keyboard shortcuts and gestures in Safari on Mac

Note: Keyboard shortcuts in apps may vary depending on the language and keyboard layout you’re using on your Mac. If the shortcuts below don’t work as you expect, look in the app menus in the menu bar to see the correct shortcuts. You can also use the Keyboard Viewer to see your current keyboard layout, known as an input source .

Open Safari for me

Current webpage

Reading list, bookmarks sidebar and bookmarks view.

Productivity

How to stop Chrome from hijacking your media keys

You open a video link while listening to music. You reflexively hit the play/pause key on your keyboard to pause the music. 

The video pauses. The music keeps playing. 

You could just throw your computer across the room, but that gets expensive. You might try digging in Chrome's settings, but there's no solution to be found there. That doesn't mean there's no way to stop this from happening—you just need to know where to look.

Set this to Disabled . Make sure you also restart your browser—you'll see a Relaunch button at the bottom of the window. 

From now on, your media keys will have no effect whatsoever on anything happening in Chrome, meaning you can pause your music when a video starts playing. This will save you a lot of money on new computers and will also make your life a little better. 

Related reading:

Get productivity tips delivered straight to your inbox

We’ll email you 1-3 times per week—and never share your information.

Justin Pot is a writer and journalist based in Hillsboro, Oregon. He loves technology, people, and nature, not necessarily in that order. Learn more: justinpot.com

Related articles

6 tl;dv features to maximize your meeting efficiency

6 tl;dv features to maximize your meeting...

How to make a flowchart in Microsoft Word without breaking your laptop

How to make a flowchart in Microsoft Word...

How to screenshot on Windows: 4 easy methods

How to create a spreadsheet CRM with Google Sheets (with a free template)

How to create a spreadsheet CRM with Google...

Improve your productivity automatically. Use Zapier to get your apps working together.

How-To Geek

How to stop chrome (or edge) from taking over your media keys.

Google Chrome now uses your media keys to control websites like YouTube. That gets in the way if you're using them for something else, like Spotify---so here's how to disable that.

Google Chrome now has built-in support for media keys. Unfortunately, Chrome will take over your media keys and prevent them from controlling apps like Spotify when you're watching YouTube, for example. Here's how to make Chrome ignore your media keys.

This same tip also applies to the new Chromium-based Microsoft Edge browser. In both browsers, however, this option requires an experimental flag that may be removed in the future. We tested it in the latest version of Chrome---Chrome 75---on June 24, 2019.

You'll find this option on the

page. Copy the following address, paste it into Chrome's Omnibox, also known as the address bar, and press Enter:

chrome://flags/#hardware-media-key-handling

(In Microsoft Edge, go to edge://flags/#hardware-media-key-handling  instead.)

Click the "Default" box to the right of the Hardware Media Key Handling setting and select "Disabled."

You'll have to restart Chrome (or Edge) before this change takes effect. Click the "Relaunch Now" button that appears to restart your browser.

Chrome (or Edge) will reopen any tabs you had open, but you might lose any saved work on any open web pages, so be sure you're ready to restart your browser before continuing.

That's it! If you change your mind and want hardware media keys working in Chrome (or Edge) again, return here and set the hardware Media Key Handling option back to "Default" once again.

How to Turn off Media Hotkeys in Any Browser on Windows 11

Ankita enjoys exploring and writing about technology. Starting as a script and copywriter, her keen interest in the digital world pulled her towards technology. With GT, she has found her calling in writing about and simplifying the world of tech for others. On any given day, you can catch her chained to her laptop, meeting deadlines, writing scripts, and watching shows (any language!).

Often, while playing videos in Windows 11, playback controls pop up on the volume bar when increasing or decreasing the volume using keyboard shortcuts. While these features help control the playback features, especially when using other apps, they become a hassle when using several playback apps simultaneously. So, here’s a step-by-step guide on how to turn off media hotkeys in the browser on Windows 11.

Most browsers like the Chromium-based Google Chrome, Microsoft Edge, Opera , and even Mozilla Firefox, have their media hotkeys enabled by default. Thanks to the latest browser updates, which promote user accessibility and give more control over browser features, it is now possible to manually disable these media hotkeys.

So, let’s have a look at how to disable media hotkeys in Google Chrome, Microsoft Edge, Mozilla Firefox, and Opera browsers operating on Windows 11 PC and laptops.

Note: Before following the steps, make sure that you are running the updated Chrome , Edge , Firefox, Opera, or any other browser.

How to Disable Media Hotkeys in Google Chrome

Step 1: Click on the Search icon in the taskbar and type Chrome .

Step 2: Click on the Chrome app from the results to launch it.

Step 3: In the search bar, type chrome://flags and press enter.

Step 4: Now, in the search flags bar, type Hardware Media Key Handling .

Step 5: Click on the drop-down and select Disabled.

Step 6: Now, click on Relaunch at the bottom right corner.

Once the browser restarts, you’re all set!

How to Turn off Media Hotkeys in Microsoft Edge

Step 1: On your PC, click on the Search icon and type Edge .

Step 2: Click on the Edge app from the results to open the browser.

Step 3: In the browser search bar, type edge://flags and press enter.

Step 5: Click on the drop-down menu and change it from Default to Disabled.

Step 6: Click on Restart at the bottom right corner.

After the browser restarts, it will disable the media hotkeys.

How to Turn off Media Hotkeys in Mozilla Firefox

Step 1: Go to the Search icon and type Firefox .

Step 2: Now, click on the Firefox app from the results.

Step 3: In the Firefox search bar, type about:config and press enter.

Step 4: Here, click on ‘Accept the Risk and Continue’.

Step 5: In the search flags bar, type media.hardwaremediakeys.enabled and press enter.

Step 6: Click on the toggle on the right and change it from true to false.

Close the window and it’s all done!

How to Disable Media Hotkeys in Opera

Step 1: Open the Search icon and type Opera Browser .

Step 2: To launch, click on the Opera app from the results.

Step 3: In the Opera search bar, type opera://flags , and press enter.

Step 4: Now, in the search flags bar, type Hardware Media Key Handling , and press enter.

Step 5: Here, select Disabled in the drop-down next to ‘Hardware Media Key Handling’.

Step 6: At the bottom of the page, click on Relaunch.

Once the browser restarts, you’re all good to go!

FAQs on Turning off Media Hotkeys in Windows 11

Yes, media hotkeys can be turned on again. Simply follow the above steps and enable the media hotkeys again.

Yes, media hotkeys are also known as hardware media keys in some browsers.

Yes, but it is always recommended to update the browser before starting due to constant changes in the settings menu. Sometimes, this might also end up resetting the media hotkeys settings to default if the browser is updated later on.

Need for More User Control in Browsers

While many browsers introduce experimental features to improve speed , add functionality, and more, it has soured the users’ experience at times. One such feature is the media hotkey. If you found it intrusive, this article should have helped you turn off the media hotkey on Windows. Which other browser feature did you find intrusive? Share in the comments below.

Was this helpful?

Last updated on 15 September, 2023

The above article may contain affiliate links which help support Guiding Tech. However, it does not affect our editorial integrity. The content remains unbiased and authentic.

This is about media keys in browsers, not in Windows. Why even write an article if you’re going to mis-title it and no one will ever find it.

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

The article above may contain affiliate links which help support Guiding Tech. The content remains unbiased and authentic and will never affect our editorial integrity.

DID YOU KNOW

Ankita Sharma

More in windows.

Top 8 Ways to Fix Battery Drain Issue on Windows 11

Top 9 Ways to Fix Chrome Side-by-Side Configuration Is Incorrect in Windows

Join the newsletter.

Get Guiding Tech articles delivered to your inbox.

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.

Keyboard media keys in Windows - is it possible to override which app responds to key presses?

Right now I have both Chrome (With 'Streamkeys'), and Spotify open - and when Chrome isn't running, Spotify responds to media keys (Pause, skip track, etc.). However when Chrome is open and Streamkeys is running, Streamkeys captures all media key keystrokes. Is there a way to determine which program Windows is sending the media key keypresses to, and ideally change it without disabling the extension or closing Chrome every time I want to use my media keys with Spotify?

• windows-8.1
• keyboard-shortcuts

• it's possible this is in the keyboard configuration rather than windows - can you share the keyboard brand and model number? –  LevenTech May 31, 2017 at 20:46
• @LevenTech It's just a generic 'AOpen' keyboard, no special software or drivers. –  Jon Jun 1, 2017 at 0:24
• I have the same problem -- when I have ITunes open on Windows 10, it "claims" the media keys (play / pause etc.), but I want to control Windows Media Player. I wish there was a way to control which app gets the global keypress. I can't see any way in ITunes to ask it to stop listening. –  Rich Jun 6, 2018 at 10:19
• with Firefox 81.0b5 the media button controlled both some random video in the browser and the Spotify app at the same time.. It was very annoying and this was the top search result when looking for a solution => FYI for anyone affected: there is a setting in about:config media.hardwaremediakeys.enabled which can be switched to false to disable the feature until Windows makes a better job with configuration of this feature –  Aprillion Sep 3, 2020 at 17:44

4 Answers 4

If you're up to putting some work into it, you might try AutoHotkey , which allows you to script and automate lots of things on your PC.

I'd start with something like the accepted answer in this Stack Overflow post which solves a similar problem of intercepting a key press globally and sending it to a specific window.

In their example (shown below), they are capturing Ctrl+L and sending it to Firefox. In your case, add a copy of the snippet into your script for each key or key combo you wish to capture and modify the MozillaUIWindowClass to whatever app you wish to receive the keystrokes. They also have a utility called Window Spy for getting any needed information about the destination window, such as name or handle.

Or, as Rich ultimately ended up doing, you may need to send commands to the window specifically instead of just giving it focus and sending them globally. His working solution looks like this:

For more help with AutoHotkey scripting, try their documentation page .

• 2 Thank you for you contribution! As it stands this reads more like a comment than an answer- it would be preferable to include the information from that answer in your answer (with attribution). Please edit your answer to include that information :) –  bertieb Jun 6, 2018 at 13:36
• 1 Hi, I added more detail. Does that work? –  Nelson Hoover Jun 6, 2018 at 15:22
• This is a great idea, but it doesn't quite work for me. ITunes still seems to "steal" the media key press from WMP, even if WMP is the active window. If I have WMP active and press "Media_Play_Pause", then the current song will start playing in ITunes :-(. I am fine with using AHK. I tried the above script but using "Media_Play_Pause" instead of ^L . Any idea how I can "send" a key but have it seen only by a particular app? –  Rich Jun 6, 2018 at 21:25
• ControlSend does not appear to work for sending the Media_Play_Pause key only to WMP and not to ITunes. –  Rich Jun 6, 2018 at 21:38
• 1 This works for me: gist.github.com/RichardBradley/9ca64bee1793b12a19725e67343c0224 Thanks! I can use ControlSend to send ctrl+p to WMP when iTunes is open, and suppress the Media_Play_Pause key. I'll give you the 50pts when I can (looks like tomorrow) –  Rich Jun 6, 2018 at 21:54

In newer version of Windows 10 (version 1903, at least on my PC) there's a built-in toggle button to let you select which app responds to media keys.

• 6 Do you know of any keyboard shorcut to access functionality? –  ayykamp Sep 23, 2019 at 17:08
• 4 It might help to let us know where this built in toggle button is! –  John Stock Jun 20, 2020 at 8:43
• @JohnStock It's the arrow down the right side. –  Rob Williams Jun 24, 2020 at 19:39
• 3 @SerhiiKheilyk I think that's clear; the question is if it is possible to "click" that shown button with a keyboard shortcut. Otherwise you need to do media key on keyboard -> move cursor and click -> media key on keyboard again (or move cursor and click again ). Not very convenient for those who would rather stay on the keyboard. –  Debie Downer Feb 24, 2021 at 6:31
• 1 @DebieDowner Have you found a solution to this problem? –  MrEduar Mar 2, 2021 at 19:17

There's a Keyboard Shortcuts link at the bottom of the Chrome Extensions list . You can get to the list from the Settings menu, by selecting More Tools, then Extensions.

Those settings list all the keyboard shortcuts, grouped by the Extension that uses them. Every shortcut has an option for whether the keyboard shortcut works "Globally" or just "In Chrome". If that doesn't work for some reason, you can also delete the keyboard shortcut from Chrome entirely.

• This is mostly unrelated from the question at hand - plus I said "ideally change it without disabling the extension or closing Chrome every time I want to use my media keys with Spotify?" The issue at hand is how does Windows decide who gets to see the keypresses. –  Jon Jun 1, 2017 at 16:03
• I think the global/chrome-only toggle in Chrome makes it clear that Windows allows apps to declare their own key capturing. I don't think I suggested closing Chrome or deleting the extension - do you mean that you need a solution that allows you to keep the Focus on Chrome? –  LevenTech Jun 1, 2017 at 19:38

Disclamer! This is not my respons, it's Matt_H's. I found it on the spotify forum, and thought that it might help you. Here's the link to the original discussion: https://community.spotify.com/t5/Desktop-Windows/Keyboard-media-launch-button/td-p/1736288

I've just been faced with this same problem and managed to solve it by modifying the registry. There's a standard disclaimer with editing the registry - be careful, be precise, if you break it you get to keep both pieces.

The behaviour of the keys are defined here:

HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\AppKey\16

You can create a string key + value here of "ShellExecute" and the path to your spotify. This is what I'd done with Win7.

However, as an optimisation, Spotify registers "spotify://" as scheme to be handled by Spotify, so a string key + value of "Association" and "spotify" works.

Windows Registry Editor Version 5.00

[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\AppKey\16] "Association"="spotify"

• Not work for me –  MrEduar Mar 2, 2021 at 19:16

You must log in to answer this question.

Not the answer you're looking for browse other questions tagged windows windows-10 windows-8.1 keyboard-shortcuts ., hot network questions.

• Why are ETFs so bad at tracking Japanese indices?
• Can you use the special use features with tools without the tool?
• Was it known in ancient Rome and Greece that boiling water made it safe to drink and if so, what was the theory behind this?
• How is indium tin oxide a n-type semiconductor?
• Do reflective warning triangles blow away in wind storms?
• Old management game in which you could send fairy critters to do work, like chopping down trees and building a house
• How to make Bash remove quotes after parameter expansion?
• Is there a phrase like "etymologically related" but for food?
• Bernoulli principle (classic form) in irrotational viscous flow (a paradox?)
• Structure that holds the twin-engine on an aircraft
• Ubuntu Terminal with alternating colours for each line
• What is the difference between Hof and Bauernhof?
• Create repeating geometry across a face
• How could the switch from steam to diesel locomotives be delayed 20-30 years?
• Have any countries managed to reduce immigration by a significant margin in the absence of economic problems?
• 70s or 80s film or TV show with a handgun that fires backwards and a torture chamber that burns the skin off and chars the victims black
• Do you still cross out and redo the page numbers if you do it wrong in your scientific notebook?
• Is the B-theory of time only compatible with an infinitely renewing cyclical reality?
• Preventing Javascript in a browser from connecting to servers
• How big can a chicken get?
• Commutativity of the wreath product
• Is a weak appliance behind a reverse proxy affecting the security of the home network?
• Python script to auto change profiles in MSI Afterburner
• Can we downgrade edition from SQL Server 2016 Enterprise to Standard when we have compression feature enabled?

You are using an outdated browser. Please upgrade your browser to improve your experience.

Safari 18 includes a new Highlights feature for summarizing articles and more

Safari 18 introduces a new Highlights feature which can summarize articles and provide key info about a page

According to Apple, Safari 's new Highlights feature can provide users with useful page information as they browse. This includes things like article summaries, directions, and quick links.

Safari Highlights was originally titled "Intelligent Search" during its development period. The feature was discovered by AppleInsider in our exclusive report on Safari 18, months ahead of release.

With Highlights, users will be able to quickly learn and obtain relevant information about people, music, movies, TV shows, and locations.

When planning a trip, for instance, users will be able to get the most relevant details about a location. This can include the phone number and address of a hotel the user might be interested in.

According to Apple, Users will have the option to play an artist's music from Highlights or receive details about a TV show or movie.

Safari 18 also features a redesigned Reader view, which includes an AI-generated table of contents as well as summaries of news articles. The same types of summaries will also be available within the Highlights UI inside Safari.

As we revealed in our exclusive report on Apple's Project BlackPearl , the company's AI software is capable of generating summaries consisting of exactly three sentences. It appears that Safari 18 will utilize this type of summarization for Highlights and the new Reader view.

Safari 18 also features a new Viewer mode, which immediately detects video on a page - and offers the option to move the video to Picture-in-Picture or switch to fullscreen mode.

Notably absent from the new version of Safari is Apple's in-house content blocker called Web Eraser . Apple apparently scrapped the feature ahead of release, likely due to pressure and complaints from the UK's News Media Association as well as a group of French publishers .

The AI-enhanced Safari browser is only one of many updates within the new operating systems Apple announced on Monday. At its annual WWDC , the company announced iOS 18, iPadOS 18 as well as macOS Sequoia .

There are no Comments Here, Yet

Top stories.

Save up to $350 on every M3 MacBook Pro, plus get up to $80 off AppleCare

Apple Intelligence & Private Cloud Compute are Apple's answer to generative AI

Apple ID is getting a rebrand starting with the release of iOS 18

What's new with macOS Sequoia's System Settings

Sherlocked by Sequoia: What apps Apple may have killed in macOS and iOS 18

How to watch WWDC 2024 on iPhone, iPad, Mac & Apple TV

Featured deals.

Every M3 iMac 24-inch is up to $200 off, plus get AppleCare savings with coupon

Latest news.

iPad finally has a Calculator app - Here's everything it can do

Apple's native Calculator app is finally available on iPad in iPadOS 18, and with it come new UI elements and support for mathematical notation through the Math Notes feature.

Apple AirPods fall to $79.99, grab discounts of up to $100 off

Apple's AirPods line is on sale at Amazon, with price points falling to as low as $79.99 (and savings of up to $100 off).

Apple stock hits new record high after Apple Intelligence reveals

One day after the WWDC 2024 keynote, and the debut of Apple Intelligence, Apple's stock price has hit a record high price, reaching $207.15 at the close of market on Tuesday.

Apple Mail in iOS 18 introduces on-device email categorization, Smart Replies, and summaries

Apple recently announced a variety of different AI improvements for its built-in Mail application on iOS 18. Here's everything that's new.

Another year, another set of Apple updates — and another set of popular app developers who could lose their livelihoods. Here's what Apple Sherlocked at WWDC 2024.

New Settings in iOS 18 will take some getting used to

The Settings app in iOS 18 has gone through some big changes, but once you get used to them, it'll be easier to manage your iPhone.

As it turns out, Apple Watch heart rate monitoring can be used on lions too

A conservation veterinarian discovered that if you've got a sedated lion on your hands and need to monitor its heart rate, wrapping an Apple Watch around its tongue does the trick.

Blackmagic Design has developed the first end-to-end solution for shooting Apple Vision Pro 3D content

Blackmagic Design wants to take the lead in creating video for the Apple Vision Pro, by making an end-to-end workflow for filming and editing Apple Immersive Video.

Latest Videos

How iOS 18 lets you neatly rearrange app icons and home screen widgets

iPad Air (2024) review: Not the cheapest, and not the best, but still great

AirPods Max vs. Sonos Ace: premium personal audio, compared

Latest reviews.

VITURE One XR glasses review: Good versatility with accessory limits

Heybike Hero review: sparing almost no expense in a carbon fiber e-bike

13-inch iPad Pro review: hardware of the future running software of the past

{{ title }}

{{ summary }}

Microsoft Azure Blog

Category: AI + Machine Learning • 11 min read

From code to production: New ways Azure helps you build transformational AI experiences   chevron_right

By Jessica Hawk Corporate Vice President, Data, AI, and Digital Applications, Product Marketing 

What was once a distant promise is now manifesting—and not only through the type of apps that are possible, but how you can build them. With Azure, we’re meeting you where you are today—and paving the way to where you’re going. So let’s jump right into some of what you’ll learn over the next few days. Welcome to Build 2024!

Unleashing innovation: The new era of compute powering Azure AI solutions   chevron_right

By Omar Khan General Manager, Azure Product Marketing

New models added to the Phi-3 family, available on Microsoft Azure   chevron_right

By Misha Bilenko Corporate Vice President, Microsoft GenAI

Analytics , Announcements , Azure Kubernetes Service (AKS) , Azure Monitor , Compute , Containers

Published June 5, 2024 • 4 min read

Announcing Advanced Container Networking Services for your Azure Kubernetes Service clusters   chevron_right

By Deepak Bansal Corporate Vice President and Technical Fellow, Microsoft Azure , and Chandan Aggarwal Partner Group Engineering Manager, Microsoft Azure

Microsoft’s Azure Container Networking team is excited to announce a new offering called Advanced Container Networking Services. It’s a suite of services built on top of existing networking solutions for Azure Kubernetes Services (AKS) to address complex challenges around observability, security, and compliance.

AI + Machine Learning , Announcements , Azure AI Content Safety , Azure AI Studio , Azure OpenAI Service , Partners

Published May 13, 2024 • 2 min read

Introducing GPT-4o: OpenAI’s new flagship multimodal model now in preview on Azure   chevron_right

By Eric Boyd Corporate Vice President, Azure AI Platform, Microsoft

Microsoft is thrilled to announce the launch of GPT-4o, OpenAI’s new flagship model on Azure AI. This groundbreaking multimodal model integrates text, vision, and audio capabilities, setting a new standard for generative and conversational AI experiences.

AI + Machine Learning , Announcements , Azure AI , Azure Cosmos DB , Azure Kubernetes Service (AKS) , Azure Migrate , Azure Web PubSub , Compute , Industry trends

Published May 6, 2024 • 5 min read

Harnessing the power of intelligent apps through modernization   chevron_right

By Mike Hulme GM, Azure Digital Applications Marketing

81% of organizations believe AI will give them a competitive edge. Applications are where AI comes to life. Intelligent applications, powered by AI and machine learning (ML) algorithms are pivotal to enhancing performance and stimulating growth. Thus, innovating with intelligent apps is crucial for businesses looking to gain competitive advantage and accelerate growth in this era of AI.

AI + Machine Learning , Announcements , Azure AI , Azure AI Search , Azure App Service , Azure Cosmos DB , Azure Database for PostgreSQL , Azure Databricks , Azure DevOps , Azure Health Data Services , Azure Machine Learning , Azure Managed Applications , Azure SQL Database , Customer stories , DevOps , Events , Microsoft Azure portal , Microsoft Copilot for Azure , Microsoft Defender for Cloud , Migration , SQL Server on Azure Virtual Machines

Published May 2, 2024 • 11 min read

What’s new in Azure Data, AI, and Digital Applications: Harness the power of intelligent apps    chevron_right

Sharing insights on technology transformation along with important updates and resources about the data, AI, and digital application solutions that make Microsoft Azure the platform for the era of AI.

Latest posts

AI + Machine Learning , Analytics , Azure Compute , Azure Data Lake Storage , Azure Databricks , Azure Monitor , Azure OpenAI Service , Azure Security Center , Best practices , Microsoft Entra ID , Partners

Published June 10, 2024 • 8 min read

Azure Databricks: Differentiated synergy    chevron_right

By Jason Pereira Sr. Product Marketing Lead, Data & AI , and Lindsey Allen General Manager, Azure Databricks

Databricks, a pioneer of the Data Lakehouse an integral component of their Data Intelligence Platform is available as a fully managed first party Data & AI solution on Microsoft Azure as Azure Databricks, making Azure the optimal cloud for running Databricks workloads. This blog post discusses the key advantages of Azure Databricks in detail.

AI + Machine Learning , Announcements , Azure Database for PostgreSQL , Azure Machine Learning , Azure OpenAI Service , Events , Migration

Published June 5, 2024 • 5 min read

Raise the bar on AI-powered app development with Azure Database for PostgreSQL   chevron_right

By Ramnik Gulati Sr. Director, Product Marketing of Microsoft Operational Databases

By harnessing the might of PostgreSQL in the cloud—with all the scalability and convenience you expect—comes Microsoft Azure Database for PostgreSQL. This fully managed service takes the hassle out of managing your PostgreSQL instances, allowing you to focus on what really matters: building amazing, AI-powered applications.

AI + Machine Learning , Azure AI , Azure AI Services , Azure OpenAI Service , Cloud Services , Partners

Published June 4, 2024 • 10 min read

Unlock AI innovation with new joint capabilities from Microsoft and SAP   chevron_right

By Silvio Bessa General Manager, SAP Business Unit

Learn more about the transformative synergy of the Microsoft Cloud and RISE with SAP for business.

AI + Machine Learning , Announcements , Azure VMware Solution , Migration , Partners

Published May 30, 2024 • 3 min read

Microsoft and Broadcom to support license portability for VMware Cloud Foundation on Azure VMware Solution   chevron_right

By Brett Tanzer Vice President, Product Management

Microsoft and Broadcom are expanding our partnership with plans to support VMware Cloud Foundation subscriptions on Azure VMware Solution. Customers that own or purchase licenses for VMware Cloud Foundation will be able to use those licenses on Azure VMware Solution, as well as their own datacenters, giving them flexibility to meet changing business needs.

Announcements , Azure Bastion , Security

Published May 30, 2024 • 4 min read

Enhance your security capabilities with Azure Bastion Premium   chevron_right

By Aaron Tsang Product Manager, Microsoft

Microsoft Azure Bastion, now in public preview, will provide advanced recording, monitoring, and auditing capabilities for customers handling highly sensitive workloads.

AI + Machine Learning , Azure AI , Azure AI Content Safety , Azure AI Search , Azure AI Studio , Azure Cosmos DB , Azure Kubernetes Service (AKS) , Azure OpenAI Service , Events

Published May 30, 2024 • 5 min read

Celebrating customers’ journeys to AI innovation at Microsoft Build 2024   chevron_right

By Victoria Sykes Product Marketing Manager, Azure AI, Microsoft

From enhancing productivity and creativity to revolutionizing customer interactions with custom copilots, our customers demonstrate the transformative power of generative AI and truly, brought Build 2024 to life. So, how’d they do it? 

AI + Machine Learning , Industry trends , Thought leadership

Published May 29, 2024 • 4 min read

IT trends show customers need computing power to take advantage of AI    chevron_right

In a recent study, Microsoft surveyed over 2,000 IT professionals across ten countries on their tech readiness for and adoption of AI as well as their concerns and challenges along the way.

AI + Machine Learning , Announcements , Azure Maps , Integration

Azure Maps: Reimagining location services with cloud and AI innovation   chevron_right

By Nick Lee Corporate Vice President, Microsoft Maps and Local

Today, we’re announcing the unification of our enterprise maps offerings under Microsoft Azure Maps. This enables our customers to accelerate innovation by leveraging other Microsoft Azure cloud services while retaining many familiar features from Bing Maps for Enterprise.

AI + Machine Learning , Announcements , Azure AI , Azure AI Studio , Azure OpenAI Service , Events

Published May 21, 2024 • 5 min read

At Microsoft Build 2024, we are excited to add new models to the Phi-3 family of small, open models developed by Microsoft.

WebKit in Safari 18 beta">News from WWDC24: WebKit in Safari 18 beta

Jun 10, 2024

by Jen Simmons, Jon Davis, Karl Dubost, Anne van Kesteren, Marcos Cáceres, Ada Rose Canon, Tim Nguyen, Sanjana Aithal, Pascoe, and Garrett Davidson

Web apps for Mac

Safari extensions, spatial media, web inspector, deprecations, bug fixes and more, help us beta test.

The last year has been a great one for WebKit. After unveiling Safari 17 beta at WWDC23, we’ve shipped six releases of Safari 17.x with a total of 200 new web technologies. And we’ve been hard at work on multiple architectural improvement projects that strengthen WebKit for the long-term.

Now, we are pleased to announce WebKit for Safari 18 beta. It adds another 48 web platform features, as well as 18 deprecations and 174 bug fixes. Test it today on iOS 18 beta, iPadOS 18 beta, visionOS 2 beta, and macOS Sequoia beta.

Safari 18 for visionOS 2 beta adds support for WebXR . Now you can create fully immersive experiences and deliver them on the web to people using Apple Vision Pro . Safari on visionOS 2 beta supports immersive-vr sessions. WebXR scenes are displayed using hardware-accelerated graphics driven by WebGL .

Safari for visionOS 2 beta supports the new WebXR transient-pointer input mode. It lets you make the most of natural input on visionOS, and allow your users to interact with a look and a pinch.

If you want to animate a 3D model of the user’s hands, Safari for visionOS 2 beta also includes support for WebXR hand tracking . To ensure privacy, permission to allow hand tracking will be requested from users at the start of their WebXR session.

Learn all about WebXR on visionOS 2 beta by watching Build immersive web experiences with WebXR at WWDC24, available Wednesday June 12. And learn more about transient-pointer input mode by reading Introducing natural input for WebXR in Apple Vision Pro .

View Transitions

WebKit added support for the View Transitions API in Safari 18 beta. It provides an optimized browser API to animate elements from one state to another. Safari supports the CSS View Transitions Module Level 1 specification that adds new CSS properties and pseudo-elements for defining transition animations, along with a new browser API to start transition animations and react to different transition states. It works by capturing the current (old) state of the page and applying an animated transition to the new state. By default, the browser applies a cross-fade between the states.

Call the document.startViewTransition() method to initiate the capture. You can pass a callback function as the first argument to make DOM state changes between the old and new captures. The method returns a ViewTransition object which contains promises that can be used to track when the view transition starts or ends.

Once the states are captured, a pseudo-element tree is built which can be targeted with CSS, allowing you to modify the CSS animations used for the transitions. The animations out of the old page state and into the new page state can be modified via the ::view-transition-new(*) and ::view-transition-old(*) selectors. You can also ask the browser to independently track state changes for a specific element by naming it with the CSS view-transition-name property. You can then use the pseudo-element to customize animations for it.

The example below demonstrates state management with tabbed navigation. Each tab view has a custom transition animation out and a subtly different animation in, while the tabs themselves rely on the default page transition.

Style Queries

WebKit for Safari 18 beta adds support for Style Queries when testing CSS Custom Properties. Similar to how developers can use Sass mixins, Style Queries can be used to define a set of reusable styles that get applied as a group.

Here, if the --background custom property is set to black, then certain styles will be applied — in this case to make the headline and paragraph text color white.

Don’t forget to pay attention the HTML structure. By default, Style Queries reference the styles on the direct parent element. You can create a different reference through the use of Container Query names.

currentcolor and system color keywords in Relative Color Syntax

Support for Relative Color Syntax shipped in Safari 16.4 . It lets you define colors in a more dynamic fashion, creating a new color from an existing color. The value lch(from var(--color) calc(L / 2) C H) for instance uses the lch color space to take the variable --color and calculate a new color that’s half its lightness, calc(L / 2) .

Now, starting in WebKit for Safari 18 beta, you can reference the currentcolor or a system color keyword as you define the new color. For example, this code will set the background color to be the same color as the text color, only 4 times lighter, as calculated in the oklch color space.

Being able to reference system color keywords opens up another world of options. System colors are like variables that represent the default colors established by the OS, browser, or user — defaults that change depending on whether the system is set to light mode, dark mode, high contrast mode, etc. For example, canvas represents the current default background color of the HTML page, while fieldtext matches the color of text inside form fields. Find the full list of system colors in CSS Color level 4 .

Relative Color Syntax lets you define dynamic connections between colors in your CSS, lessening the need to control color through variables in a tightly-regimented design system. Learn more about Relative Color Syntax by watching this portion of What’s new in CSS from WWDC23.

Animating display

WebKit for Safari 18 beta adds support for transition animation of the display property.

Many developers are excited to use @starting-style along with transition-behavior and display: none interpolation. WebKit for Safari 17.4 added general support for transition-behavior , including transition-behavior: allow-discrete . WebKit for Safari 17.5 added support for @starting-style , letting you define starting values for transitioning an element as it’s created (or re-created). Now in WebKit for Safari 18 beta, you can use these features together to transition the display property.

Shaping interaction regions on visionOS

As a web developer, you’re very familiar with how link styling works on the web. For decades you’ve been able to use CSS to style text-decoration , color and more for :link , :hover , :active , and :visited states. You’ve also been able to adjust the size of the invisible tap target through use of padding.

Apple Vision Pro adds a new dimension to how links work — tap targets are visible on visionOS. Anytime a user looks at an interactive element, it’s highlighted to let them know that it can be tapped. And you as a designer or developer can intentionally design how an interaction region looks. You may want to add padding, for instance, or even a rounded corner to the otherwise invisible box.

Now in Safari in visionOS 2 beta, when you use CSS clip-path to change the shape of tappable area of a link, the visible interaction region will change shape as well. Interactive UI elements built with SVG will also be highlighted with the proper shape. Learn more by watching Optimize for the spatial web at WWDC24, available Tuesday June 11.

Backdrop Filter

Originally shipped in Safari 9.0, backdrop filter provides a way to apply graphics effects to the content behind a particular element. You can apply backdrop-filter to a headline, for example, and everything behind the headline will be blurred, or have decreased saturation, or increased contrast. Any of the filter functions from SVG can be used — blur() , brightness() , contrast() , drop-shadow() , grayscale() , hue-rotate() , invert() , opacity() , saturate() , and sepia() .

For many years, backdrop filter only worked in Safari. It was available when you prefixed the property with -webkit-backdrop-filter . Now, starting in Safari 18 beta, you don’t need the prefix. We also improved our implementation, fixing bugs and boosting interoperability.

This demo shows eight different filters and what you might do with each one alone. You can, of course, combine filters to create even more interesting results. With backdrop filter supported in Safari since 2015, Edge since 2018, Chrome since 2019, Samsung Internet since 2020, and Firefox since 2022, this is a great time to consider the kind of graphic design possibilities it enables.

safe in Flexbox

WebKit for Safari 18 beta adds support for the safe keyword for alignment in Flexbox. This provides a mechanism for refining how flex items overflow. Let’s look at an example of a simple navigation menu — a classic use of Flexbox.

The following CSS creates a simple layout that wraps when there’s not enough space on one line for the menu, while centering the items in the available space.

By default, justify-content: center will always keep the items centered, even when the content is overflowing the containing box. You might prefer, however, that the content not be centered when it overflows — being centered cuts off both the beginning and end of the word, making the content harder to understand when the overflow is not visible.

The safe keyword lets you change how alignment works when content overflows. The justify-content: safe center rule will instead start align any item that is overflowing, while continuing to center the items that are not overflowing.

If you want to override the safe keyword, you can use unsafe . The justify-content: unsafe center rule will do the same thing as justify-content: center . The unsafe keyword has been supported in WebKit for Safari for quite some time.

Content visibility

WebKit for Safari 18 beta adds support for content-visibility . This property controls whether or not an element renders its contents in a fashion that’s useful for making performance optimizations. It lets you communicate to the browser that certain portions of the page will likely be initially offscreen, and suggest they be omitted from layout and rendering. This can make the page load faster.

Last year , we added support for web apps in macOS Sonoma. You can add any website to your dock — whether or not it was built with a Manifest file, Service Worker, or other technology to customize the web app experience. Go to the site in Safari, then File > Add to Dock… where you can customize the icon, change the name, and even clean up the URL. Then, just click on the web app icon in your Dock, and it will open as an app.

This year brings two improvements to web apps on Mac.

Opening links

macOS Sequoia beta adds support for opening links directly in web apps. Now, when a user clicks a link, if it matches the scope of a web app that the user has added to their Dock, that link will open in the web app instead of their default web browser.

For example, imagine you have added MDN Web Docs to the Dock. Then a colleague sends you a link to an MDN page in Messages, Mail, Slack, Discord, IRC, or any non-browser application on your Mac. Now when you click on that link, it will open in the MDN Web Docs web app instead of your default browser.

Clicking a link within a browser will maintain the current behavior. This feature only affects links opened elsewhere. (When a user is in Safari, clicking on a link that matches the scope of a web app that is added to Dock, they will see an “Open in web app” banner, unless they have previously dismissed the banner.)

By default, this behavior applies when the link matches the host of the web page used to create the web app. As a developer, you can refine this experience by defining the range of URLs that should open in the web app with the scope member in the web app manifest .

Extension support

Now you can personalize web apps on Mac with Safari Web Extensions and Content Blockers. Navigate to the web app’s Settings menu to access all your installed Content Blockers and Web Extensions. Any enabled in Safari will be on by default in the web app. Each web app is uniquely customizable, just like Safari profiles.

Safari 18 beta also adds support for Mobile Device Management of extension enabled state, private browsing state, and website access on managed devices. This means schools and businesses that manage iOS, iPadOS, or macOS devices can now include the configuration of Safari App Extensions, Content Blockers, and Web Extensions in their management.

One of the amazing experiences you can have on Apple Vision Pro is looking at spatial photos and panoramas. When you open the Photos app in visionOS, you see a montage of your photos. Tap an image, it appears alone in a floating frame in front of you, while the rest of the app disappears.

A spatial photo appears at just the right height and viewing angle to make it feel like you’ve gone back to a moment in time. A second tap of the UI breaks it out of the frame, as it grows and becomes even more immersive. Similarly, a panorama floats in a frame on first tap. Then on second tap of the UI, it expands to wrap all around you, creating a fully immersive experience.

Now in Safari 18 for visionOS 2 beta, you can use the Fullscreen API to create the same experience on the web. You can embed the photo in a web page, and provide the ability to tap. The photo will pop into a floating frame as the Safari window disappears. Then when the user taps on the spatial photo or panorama UI that visionOS provides, the photo will further expand to create a fully immersive experience. When they exit the image, the Safari window will return.

Let’s walk through how to support experiencing a spatial photo or panorama on the web using Fullscreen API. First, include the image on your web page using any of the techniques we’ve used on the web for years. Here, we can embed a flattened panoramic photo into the web page using simple HTML.

Then using JavaScript, we’ll trigger .requestFullscreen() on tap. Perhaps like this.

You could, of course, create your own UI for the user to tap, rather than making the entire photo the tap target.

Spatial images work just the same, although it’s likely we want to provide fallbacks for browsers that do not support HEIC files . We can do so with the picture element.

Spatial images are stereoscopic, with both a left and right channel. In Safari, when the image is embedded in the web page, the browser will show the left channel. And there’s no need to worry about providing a fallback of any sort for Safari on macOS, iOS, or iPadOS — the stereoscopic HEIC file works great.

This technique will also cause images to go fullscreen in any browser that supports Fullscreen API. Learn more about adding panorama and spatial photos to your websites by watching Optimize for the spatial web at WWDC24, available Tuesday June 11.

Writing Suggestions

At last year’s WWDC, Apple unveiled inline predictive text on iOS, iPadOS, macOS and more. It helps users input text faster by predicting what they might be typing and finishing the word, phrase or even a whole sentence when the user taps the space bar. Now, WebKit for Safari 18 beta on iOS, iPadOS, visionOS, macOS Sequoia and macOS Sonoma brings inline predictive text to the web.

While inline predictive text makes for a fantastic, personalized user experience, there might be specific situations on the web where it’s better to not have predictions. WebKit for Safari 18 beta on iOS, iPadOS, visionOS, macOS Sequoia and macOS Sonoma gives web developers the opportunity to disable inline predictions through the writingsuggestions attribute. By default, writing suggestions is set to true. You can turn off the capability by including the writingsuggestions="false" attribute on any type of text input field.

WebKit for Safari on iOS 18 beta adds haptic feedback for <input type=checkbox switch> . This means, now when a user taps a switch control on iPhone, a single tap is felt — just like how toggling a switch feels in Settings app on iOS. Try this demo to see what it’s like.

Date and time inputs

WebKit for Safari 18 beta on macOS improves accessibility support for date and time input field types. Now <input type="date"> , <input type="datetime-local"> , and <input type="time"> elements work properly with VoiceOver.

Usually elements have the labels they need, but sometimes there is no text label for a particular button or UI. In this situation, ARIA can be used to provide an accessible label. The aria-label attribute provides names of labels while aria-roledescription provides the description for the role of an element.

On very rare occasions, you may need to override aria-label or aria-roledescription to provide different names or descriptions specifically for braille. The aria-braillelabel and aria-brailleroledescription attributes provide such an ability. They exist to solve very specific needs, including educational contexts where the site needs to render the specific braille table dot pattern. If you do use braille-related ARIA attributes, be sure to test them using a braille reader. If in doubt, relying on the accessible name from content or aria-label / aria-roledescription is almost always the better user experience . WebKit has supported these ARIA attributes for years.

Now, WebKit for Safari 18 beta adds support for the ariaBrailleLabel and ariaBrailleRoleDescription element reflection properties. These make it possible to get and set the aria-braillelabel and aria-brailleroledescription ARIA attributes on DOM elements directly via JavaScript APIs, rather than by using setAttribute and getAttribute .

Watch video without distractions in Viewer for Safari 18 beta on macOS.

When you play in Viewer, the video fills the Safari window, while providing full access to system playback controls. Then it automatically enters picture-in-picture anytime you switch tabs, close the window, or occlude the web page with another window. Look for Video Viewer in the new page menu in Safari whenever you are on a web page with a prominent video element.

Video on visionOS

Managed Media Source

WebKit for Safari 18 beta adds Workers support for both Managed Media Source (MMS) and Media Source Extensions ( MSE ). This can be especially helpful on complex websites that want to ensure continuous and smooth video playback even when other site activity (such as live commenting) causes a very busy main thread. You can see the performance difference in this demo .

WebKit for Safari 18 beta adds support for the WebRTC HEVC RFC 7789 RTP Payload Format. Previously, the WebRTC HEVC used generic packetization instead of RFC 7789 packetization. This payload format provides a new option for improving videoconferencing, video streaming, and delivering high-bitrate movies and TV shows.

WebKit for Safari 18 beta adds support for MediaStreamTrack processing in a dedicated worker. And it adds support for missing WebRTC stats.

Two years ago at WWDC22, we announced support for passkeys — a groundbreaking industry-standard way to login to websites and app services. Passkeys provide people with an extremely easy user experience, while delivering a profound increase in security. To learn more, watch Meet Passkeys or read Supporting passkeys .

WebKit for Safari 18 beta adds support for three new features as we continue to improve passkeys. First, Safari 18 beta adds support for using mediation=conditional for web authentication credential creation. This allows websites to automatically upgrade existing password-based accounts to use passkeys. Learn more by watching Streamline sign-in with passkey upgrades and credential managers at WWDC24, available on Tuesday, June 11.

Second, WebKit for Safari 18 beta adds support for using passkeys across related origins. This lets websites use the same passkey across a limited number of domains which share a credential backend.

And third, WebKit for Safari 18 beta adds support for the WebAuthn prf extension. It allows for retrieving a symmetric key from a passkey to use for the encryption of user data.

WebKit for Safari 18 beta adds support for secure HTTPS for all images, video, and audio by upgrading passive subresource requests in mixed content settings. This means that if some files for a website are served using HTTPS and some are served using HTTP (known as “mixed content”), all images and media will now be auto-upgraded to HTTPS, in adherence with Mixed Content Level 2 .

WebKit for Safari 18 beta adds support for Unicode 15.1.0 characters in RegExp. Unicode 15.1 added 627 characters, bringing the total of characters to 149,813. Now, these new characters can be used in regular expressions.

WebKit for Safari 18 beta also adds support for the v flag with RegExp.prototype[Symbol.matchAll] . providing more powerful ways to match Unicode characters, as specified in the ECMAScript 2024 standard.

For example, you can now specify to only match on Latin characters, while avoiding matching on Cyrillic script characters.

Or split a string matching on Emojis.

WebKit for Safari 18 beta adds support for URL.parse() , a way to parse URLs which returns null rather than an exception when parsing fails.

WebKit for Safari 18 beta expands Declarative Shadow tree support by adding the shadowRootDelegatesFocus and shadowRootClonable IDL attributes to the <template> element. It also adds the shadowRootSerializable attribute and shadowRootSerializable IDL attribute to the <template> element, enabling those using Declarative Shadow roots to opt into making them serializable. Serializing can be done through the new getHTML() method that has been added at the same time.

WebKit for Safari 18 beta adds support for PopStateEvent ’s hasUAVisualTransition , indicating whether the user agent has a visual transition in place for the fragment navigation.

WebKit for Safari 18 beta adds support for subresource integrity in imported module scripts, which gives cryptographic assurances about the integrity of contents of externally-hosted module scripts.

WebKit for Safari 18 beta adds support for the bytes() method to the Request, Response , Blob , and PushMessageData objects. This replaces the need for web developers to call arrayBuffer() , which can be difficult to use, and wraps the result in a Uint8Array . Calling bytes() is now the recommended way going forward when you need to access the underlying bytes of the data these objects represent.

WebKit for Safari 18 beta adds support for feature detecting text fragments by exposing document.fragmentDirective . Note that the returned object (a FragmentDirective ) doesn’t provide any functionality, but it’s helpful if you need to know if Fragment Directives are supported by the browser.

WebKit for Safari 18 beta adds support for the willReadFrequently context attribute for the getContext() method. It indicates whether or not a lot of read-back operations are planned. It forces the use of a software accelerated 2D or offscreen canvas, instead of hardware accelerated. This can improve performance when calling getImageData() frequently.

WebKit for Safari 18 beta extends 2D canvas support for currentcolor . It can now be used inside color-mix() or Relative Color Syntax. Here currentcolor will default to the computed color property value on the canvas element.

WebKit for Safari 18 beta adds support for six new WebGL extensions:

• EXT_texture_mirror_clamp_to_edge
• WEBGL_render_shared_exponent
• WEBGL_stencil_texturing
• EXT_render_snorm
• OES_sample_variables
• OES_shader_multisample_interpolation

WebKit for Safari 18 beta adds support for fuzzy search code completion in the Web Inspector’s CSS source editor.

WebKit for iOS 18 beta, iPadOS 18 beta, visionOS 2 beta, and macOS Sequoia beta adds support for two new API — the Writing Tools API and an API to control adaptive image glyph insertion. Learn more about these API by watching Get started with Writing Tools and Bring expression to your app with Genmoji at WWDC24, both available Tuesday June 11.

WebKit for Safari 18 beta adds support for Apple Pay funds transfer.

While it’s rare to deprecate older technology from the web, there are occasions when it makes sense. We’ve been busy removing -webkit prefixed properties that were never standardized, aging media formats that were never supported in other browsers, and more. This helps align browser engines, improve interoperability, and prevent compatibility problems by reducing the possibility that a website depends on something that’s not a web standard.

WebKit for Safari 18 beta removes support for OffscreenCanvasRenderingContext2D ’s commit() method.

WebKit for Safari 18 beta deprecates support for a number of rarely used -webkit prefixed CSS pseudo-classes and properties — and even one -khtml prefixed property.

• -webkit-alt and alt properties
• :-webkit-animating-full-screen-transition pseudo-class
• :-webkit-full-screen-ancestor pseudo-class
• :-webkit-full-screen-controls-hidden pseudo-class
• :-webkit-full-page-media pseudo-class
• :-webkit-full-screen-document pseudo-class
• :-khtml-drag pseudo-class

WebKit for Safari 18 beta also deprecates support for the resize: auto rule. Support for the resize property remains, just as it’s been since Safari 4. The values Safari continues to support include : none , both , horizontal , vertical , block , inline , plus the global values. Early versions of CSS Basic User Interface Module Level 3 defined auto , but it was later written out of the web standard.

WebKit for Safari 18 beta also deprecates support for non-standardize WEBKIT_KEYFRAMES_RULE and WEBKIT_KEYFRAME_RULE API in CSSRule .

WebKit for Safari 18 beta removes support for the JPEG2000 image format. Safari was the only browser to ever provide support.

If you’ve been serving JPEG2000 files using best practices, then your site is using the picture element to offer multiple file format options to every browser. Safari 18 beta will simply no longer choose JPEG2000, and instead use a file compressed in JPEG XL, AVIF, WebP, HEIC, JPG/JPEG, PNG, or Gif — choosing the file that’s best for each user. Only one image will be downloaded when you use <picture> , and the browser does all the heavy lifting.

We have noticed that some Content Deliver Networks (CDN) use User Agent sniffing to provide one file to each UA, offering only JPEG2000 images to Safari — especially on iPhone and iPad. If you expect this might be happening with your site, we recommend testing in Safari 18 beta on both macOS Sequoia and iOS or iPadOS 18. If you see problems, contact your SaaS provider or change your image delivery settings to ensure your website provides fallback images using industry best practices.

If you notice a broken site, please file an issue at webcompat.com .

WebKit for Safari 18 beta removes support for non-standard VTTRegion.prototype.track .

WebKit for Safari 18 beta removes the last bits of support for AppCache.

When AppCache first appeared in 2009, in Safari 4, it held a lot of promise as a tool for caching web pages for use offline. It was imagined as “HTML5 Application Cache” back when HTML itself was being further expanded to handle more use cases for web applications. A developer could create a simple cache manifest file with a list of files to be cached. Its simplicity looked elegant, but there was no mechanism for cache busting, and that made both developing a site and evolving the site over time quite frustrating. AppCache also had security challenges. So new web standards were created to replace it. Today, developers use Service Workers and Cache Storage instead.

WebKit deprecated AppCache with a warning to the Console in Safari 11.0. Then in 2021, we removed support for AppCache from Safari 15.0, with a few exceptions for third-party users of WKWebView . Now we are removing those exceptions. This change to WebKit will only affect the rare web content loaded in older third-party apps that have JavaScript code which relies on the existence of AppCache related interfaces.

WebKit for Safari 18 beta removes the SVGAnimateColorElement interface.

WebKit for Safari 18 beta removes support for four non-standard Web APIs:

• KeyboardEvent.altGraphKey
• AES-CFB support from WebCrypto
• KeyboardEvent.prototype.keyLocation
• HashChangeEvent ’s non-standard initHashChangeEvent() method

In addition to all the new features, WebKit for Safari 18 beta includes work to polish existing features.

Accessibility

• Fixed role assignment for <header> inside <main> and sectioning elements.
• Fixed range input not firing an input event when incremented or decremented via accessibility APIs.
• Fixed setting aria-hidden on a slot not hiding the slot’s assigned nodes.
• Fixed comboboxes to expose their linked objects correctly.
• Fixed time input accessibility by adding labels to subfields.
• Fixed aria-hidden=true to be ignored on the <body> and <html> elements.
• Fixed datetime values being exposed to assistive technologies in the wrong timezone.
• Fixed time control accessibility by adding a label to the meridiem component.
• Fixed wrong datetime value being exposed to assistive technologies for datetime-local inputs.
• Fixed ignored CSS content property replacement text when it is an empty string.
• Fixed the computed role for these elements: dd , details , dt , em , hgroup , option , s , and strong .
• Fixed hidden elements targeted by aria-labelledby to expose their entire subtree text, not just their direct child text.
• Fixed accessible name computation for elements with visibility: visible inside a container with visibility: hidden .
• Fixed updating table accessibility text when its caption dynamically changes.
• Fixed updating aria-describedby text after the targeted element changes its subtree.
• Fixed the transition property to produce the shortest serialization.
• Fixed the animation property to produce the shortest serialization.

Authentication

• Fixed navigator.credentials.create() rejects with “NotAllowedError: Operation Failed” after a conditional UI request is aborted.
• Fixed renaming DigitalCredential’s response attribute to data .
• Fixed setting the cancel flag once the cancel completes regardless of a subsequent request occurring.
• Fixed drawImage(detachedOffscreenCanvas) to throw an exception.
• Fixed OffscreenCanvas failing to render to the placeholder with nested workers.
• Fixed losing the contents layer of the placeholder canvas of OffscreenCanvas when switching off the tab.
• Fixed drawImage to not alter the input source or the destination rectangles.
• Fixed toggling the visibility on a canvas parent undoing the effect of clearRect() .
• Fixed the Canvas drawImage() API to throw an exception when the image is in broken state.
• Fixed setting white-space to a non-default value dynamically on a whitespace or a new line.
• Fixed turning text-spacing properties into font properties.
• Fixed custom counter styles extending disclosure-open and disclosure-closed to point to the correct direction in right-to-left.
• Fixed backface-visibility to create a stacking context and containing block.
• Fixed getComputedStyle() to work with functional pseudo-elements like ::highlight() .
• Fixed: Aliased :-webkit-full-screen pseudo-class to :fullscreen .
• Fixed: Aliased :-webkit-any-link to :any-link and :matches() to :is() .
• Fixed getComputedStyle() pseudo-element parsing to support the full range of CSS syntax.
• Fixed @supports to correctly handle support for some -webkit prefixed pseudo-elements that were incorrectly treated as unsupported.
• Fixed updating media-query sensitive meta tags after style changes.
• Fixed changing color scheme to update gradients with system colors or light-dark() .
• Fixed incorrect inline element size when using font-variant-caps: all-small-caps with font-synthesis .
• Fixed :empty selector to work with animations.
• Fixed preserving whitespace when serializing custom properties.
• Fixed updating style correctly for non-inherited custom property mutations.
• Fixed element removed by parent to end up losing the last remembered size.
• Fixed an incorrect difference between implicit and explicit initial values for custom properties.
• Fixed the contrast of Menu and MenuText system colors.
• Fixed keeping the shorthand value for CSS gap as-is in serialized and computed values.
• Fixed the style adjuster for @starting-style incorrectly invoking with a null element.
• Fixed excluding -apple-pay-button from applying to any element that supports appearance: auto and is not a button.
• Fixed missing color interpretation methods added to CSS color specifications.
• Fixed hsl() and hsla() implementation to match the latest spec changes.
• Fixed the implementation of rgb() and rgba() to match the latest spec.
• Fixed the hwb() implementation to match the latest spec.
• Fixed the remaining color types to be synced with the latest spec changes.
• Fixed carrying analogous components forward when interpolating colors
• Fixed applying the fill layer pattern for mask-mode .
• Fixed displayed datalist dropdown to sync its options elements after a DOM update.
• Fixed <select multiple> scrollbars to match the used color scheme.
• Fixed updating the input value when selecting an <option> from a <datalist> element.
• Fixed the value attribute not getting displayed in an input element with type="email" and the multiple attribute.
• Fixed the iOS animation for <input type=checkbox switch> .
• Fixed form controls drawing with an active appearance when the window is inactive.
• Fixed constructed FormData object to not include entries for the image button submitter by default.
• Fixed the properties of History to throw a SecurityError when not in a fully active Document.
• Fixed “about:blank” document.referrer initialization.
• Fixed parsing a self-closing SVG script element. It now successfully executes.
• Fixed RegExp.prototype.@@split to update the following legacy RegExp static properties: RegExp.input , RegExp.lastMatch , RegExp.lastParen , RegExp.leftContext , RegExp.rightContext , and RegExp.$1, ... RegExp.$9 .
• Fixed String.prototype.replace to not take the fast path if the pattern is RegExp Object and the lastIndex is not numeric. (
• Fixed spec compliance for Async / Await, Generators, Async Functions, and Async Generators.
• Fixed async functions and generators to properly handle promises with throwing “constructor” getter.
• Fixed return in async generators to correctly await its value.
• Fixed Symbol.species getters to not share a single JS Function.
• Fixed throwing a RangeError if Set methods are called on an object with negative size property.
• Fixed eval() function from another realm to not cause a direct eval call.
• Fixed eval() call with ...spread syntaxt to be a direct call.
• Fixed try/catch to not intercept errors originated in [[Construct]] of derived class.
• direct eval() in a default value expression inside a rest parameter creates a variable in the environment of the function rather than the separate one of the parameters;
• a ReferenceError is thrown when accessing a binding, which is defined inside rest parameter, in eval() , or a closure created in a default value expression of a preceding parameter, but only if there is a var binding by the same name;
• a closure, created in the default value expression inside a rest parameter, is created in a different VariableEnvironment of the function than its counterparts in preceding parameters which causes the incorrect environment to be consulted when querying or modifying parameter names that are “shadowed” by var bindings.
• Fixed TypedArray sorting methods to have a special-case for camparator returning false .
• Fixed programming style for bitwise and in setExpectionPorts.
• Fixed emitReturn() to load this value from arrow function lexical environment prior to the TDZ check.
• Fixed NFKC normalization to work with Latin-1 characters.
• Fixed parsing of private names with Unicode start characters.
• Fixed instanceof to not get RHS prototype when LHS is primitive.
• Fixed bracket update expression to resolve property key at most once.
• Fixed bracket compound assignement to resolve the property key at most once.
• Fixed Object.groupBy and Map.groupBy to work for non-objects.
• Fixed Array.fromAsync to not call the Array constructor twice.
• Fixed inconsistent output of Function.prototype.toString for accessor properties.
• Fixed Set#symmetricDifference to call this.has in each iteration.
• Fixed logical assignment expressions to throw a syntax error when the left side of the assignment is a function call.
• Fixed throwing a syntax error for nested duplicate-named capturing groups in RegEx.
• Fixed ArrayBuffer and SharedArrayBuffer constructor to check length before creating an instance.
• Fixed Intl implementation to ensure canonicalizing “GMT” to “UTC” based on a spec update.
• Fixed RegEx lookbehinds differing from v8.
• Fixed fractionalDigits of Intl.DurationFormat to be treated as at most 9 digits if it is omitted.
• Fixed navigator.cookieEnabled to return false when cookies are blocked.
• Fixed video sound coming from another window after changing tabs in the Tab Bar in visionOS.
• Fixed playback for MSE videos on some sites.
• Fixed allowing a video’s currentTime to be further than the gap’s start time.
• Fixed broken audio playback for a WebM file with a Vorbis track.
• Fixed sampleRate and numberOfChanges to be required and non-zero in a valid AudioEncoderConfig.
• Fixed media elements appending the same media segment twice.
• Fixedrejecting valid NPT strings if ‘hours’ is defined using 1 digit.
• Fixed an issue where Safari audio may be emitted from the wrong window in visionOS.
• Fixed upgrading inactive or passive subresource requests and fetches in would-be mixed security contexts to match standards.
• Fixed incorrect Sec-Fetch-Site value for navigation of a nested document.
• Fixed loading WebArchives with a non-persistent datastore.
• Fixed Timing-Allow-Origin to not apply to an HTTP 302 response.
• Fixed print buttons with a print action implementation.
• Fixed Open in Preview for a PDF with a space in its name.
• Fixed Greek uppercase transforms failing for some characters.
• Fixed resizing a <textarea> element with 1rem padding.
• Fixed the color correctness of the color matrix filter.
• Fixed backdrop-filter to apply to the border area of an element with a border-radius .
• Fixed intrinsic inline size calculators to account for whitespace before an empty child with nonzero margins.
• Fixed overlapping elements with flex box when height: 100% is applied on nested content.
• Fixed incorrect grid item positioning with out-of-flow sibling.
• Fixed break-word with a float discarding text.
• Fixed min-content calculation for unstyled only-child inlines elements.
• Fixed ellipsis rendering multiple times when position: relative and top are used.
• Fixed a bug for inline elements inserted in reverse order after a block in a continuation.
• Fixed the flash of a page background-colored bar in the footer when the window is resized.
• Fixed the cursor not updating as content scrolls under it on some pages.
• Fixed the SVG parser to interpret “form feed” as white space.
• Fixed error handling for invalid filter primitive references.
• Fixed displaying an SVG element inside a <switch> element.
• Fixed SVG title to have display: none as the default UA style rule.
• Fixed the UA stylesheet for links in SVGs to apply cursor: pointer matching standards.
• Fixed returning the initial value for the SVG gradient stop-color if it is not rendered in the page.
• Fixed the SVG marker segment calculations if the marker path consists of sub-paths.
• Fixed SVGLength to sync with the WebIDL specification.

Web Animations

• Fixed percentage transform animations when width and height are animated.
• Fixed updating an animation when changing the value of a transform property while that property is animated with an implicit keyframe.
• Fixed animating with color-mix .
• Fixed cssText setter to change the style attribute when the serialization differs.
• Fixed history.pushState() and history.replaceState() to ignore the title argument.
• Fixed URL text fragment directives not fully stripped from JavaScript.
• Fixed showPicker() method to trigger suggestions from a datalist .
• Fixed lang attribute in no namespace to only apply to HTML and SVG elements.
• Fixed unnecessarily unsetting the iframe fullscreen flag.
• Fixed DOM Range to correctly account for CDATASection nodes.
• Fixed getGamepads() to no longer trigger an insecure contexts warning.
• Fixed inserting a <picture> element displaying the same image twice.
• Fixed throwing exceptions in navigation methods if in a detached state.
• Fixed a minor issue in URL’s host setter.
• Fixed cloning of ShadowRoot nodes following a DOM Standard clarification.
• Fixed GeolocationCoordinates to expose a toJSON() method.
• Fixed GeolocationPosition to expose a toJSON() method.
• Fixed setting CustomEvent.target when dispatching an event.
• Fixed navigator.language only returning the system language in iOS 17.4.
• Fixed: Removed presentational hints from the width attribute for <hr> .
• Fixed resolving www. sub-domain for Associated Domains for all web apps.

Web Assembly

• Fixed initialization of portable reference typed globals.
• Fixed font sizes in the Audits tab.
• Fixed expanded sections of Storage to not collapse
• Fixed CSS font property values marked !important not getting overridden when using the interactive editing controls.
• Fixed an issue where the Web Inspector viewport might appear cut off.
• Fixed runtimes to be aligned in the Audit tab.
• Fixed remembering the message type selection in the Console tab.
• Fixed autocomplete for the text-indent property suggesting prefixed properties instead of each-line or hanging .
• Fixed background autocompletion suggestion to include repeating-conic-gradient .
• Fixed console clearing unexpectedly when Web Inspector reopens
• Fixed console code completion to be case-insensitive.
• Fixed overflow: scroll elements to scroll as expected when highlighting an element from the DOM tree.
• Fixed showing additional Safari tabs from an iOS device in the Develop menu.
• Fixed Console and code editor completion not auto-scrolling the suggestion into view.
• Fixed search in the DOM tree view unexpectedly chaning the text display.
• Fixed clicking the “goto” arrow for computed CSS when “show independent Styles sidebar” is disabled.
• Fixed inspectable tabs from Safari in the visionOS Simulator don’t appear in Developer menu on the host macOS.
• Fixed Gamepad API in WKWebView.
• Fixed repainting HTML elements when their width or height change in legacy WebView.
• Fixed VideoTrackGenerator writer to close when its generator track (and all its clones) are stopped.
• Fixed WebRTC AV1 HW decoding on iPhone 15 Pro.
• Fixed black stripes with screen sharing windows.
• Fixed black stripes with getDisplayMedia captured windows when the window is resized.

You can test Safari 18 beta by installing the beta of macOS 15, iOS 18, or iPadOS 18. Or, if you’d like, you can try out Safari 18 beta on macOS Sonoma or macOS Ventura by downloading the Safari 18 beta , once it’s available. (Sign in using a free Apple ID to download. Installing Safari 18 beta on macOS Sonoma or macOS Ventura will replace your existing version of Safari with no way to revert to an earlier version.) You can also help test many of these features in Safari Technology Preview .

We love hearing from you. To share your thoughts on Safari 18 beta, find us on Mastodon at @[email protected] and @[email protected] . Or send a reply on X to @webkit . You can also follow WebKit on LinkedIn . If you run into any issues, we welcome your feedback on Safari UI (learn more about filing Feedback ), or your WebKit bug report about web technologies or Web Inspector. If you notice a website that seems broken in Safari, but not in other browsers, please file a report at webcompat.com . Filing issues really does make a difference.

Download the latest Safari Technology Preview on macOS to stay at the forefront of the web platform and to use the latest Web Inspector features.

You can also find this information in the Safari 18 beta release notes .

View in English

Tools, documentation, forums, videos, and more.

Safari Technology Preview

Get a sneak peek at upcoming web technologies in macOS and iOS with Safari Technology Preview and experiment with these technologies in your websites and extensions.

• Safari Technology Preview for macOS Sonoma Requires macOS 14 or later
• Safari Technology Preview for macOS Ventura Requires macOS 13 or later
• Release Notes

June 5, 2024

Safari beta

Try out the next version of Safari for upcoming macOS releases. To access the latest beta versions of Safari, sign in with your Apple ID.

View downloads

Release Date

September 20, 2021

Guides and sample code

Get details on implementing web technologies with guides, reference, and sample code.

• Safari Web Extensions
• Apple Pay on the Web
• Security Keys
• Video Content in Safari
• More Safari Documentation

Watch and learn from our engineers as they show how to bring the latest web technologies to your websites on Safari.

• Watch Safari and Web Videos

Ask questions and discuss a variety of web development topics with Apple engineers and other developers.

• Apple Developer Forums

Featured web technologies

Safari extensions.

Safari extensions are a powerful way to add new features to Safari. They are built in Xcode with web technologies, such as HTML5, CSS3, and JavaScript and powerful native APIs. Now you can distribute and sell them through the App Store on Mac, iPhone and iPad.

• Meet Safari Web Extensions on iOS
• Explore Safari Web Extension improvements
• Converting a Web Extension for Safari
• Creating a Content Blocker
• Submit Your Extension

Universal links

Seamlessly link to content within your app or on your website in iOS, iPadOS, and macOS. With universal links, you can always give users the most integrated mobile experience, even when your app isn’t installed on their device.

• Universal Links

Smart App Banners

Make it easy for people to discover and download your app using iOS, iPadOS, and macOS. With Safari Smart App Banners, you can display a banner that provides a direct link to your app on the App Store, or opens the app if the user already has it installed. Smart App Banners integrate seamlessly and are easy to implement.

• Promoting Apps with Smart App Banners

HTTP Live Streaming (HLS)

Deliver streaming media to apps on iOS and iPadOS or HTML5-based websites using an ordinary web server.

• HTTP Live Streaming

Safari iCloud Keychain

Easily create more secure logins for users in iOS 15, iPadOS 15, and macOS Monterey or later using iCloud Keychain verification codes. Take advantage of verification codes, AutoFill, iCloud Keychain sync, and two-tap setup to simplify the multistep sign-in process.

• Secure login with iCloud Keychain verification codes
• Securing Logins with iCloud Keychain Verification Codes
• Safari Push Notifications

Use the Apple Push Notifications Service to send notifications to your website vistors, right on their Mac desktop — even when Safari isn’t running. These notifications display your website icon and notification text, which people can click to go right to your website.

• Certificates, Identifiers & Profiles

Introduced by Apple, WebKit is the most advanced rendering engine, drawing the web pages in Safari on iOS, iPadOS, and macOS.

• WebKit Open Source Project

Write automated tests to exercise web content in Safari to ensure a good user experience, and run those same tests against other browsers with a WebDriver-compliant driver.

• macOS WebDriver Commands for Safari 11.1 and earlier
• macOS WebDriver Commands for Safari 12 and later
• About WebDriver for Safari
• Testing with WebDriver in Safari