safari support event

Touch events

Method of registering when, where and how the interface is touched, for devices with a touch screen. These DOM events are similar to mousedown, mousemove, etc.

• 4 - 21 : Not supported
• 22 - 126 : Supported
• 127 : Supported
• 128 - 130 : Supported
• 12 - 18 : Disabled by default
• 79 - 126 : Supported
• 3.1 - 17.4 : Not supported
• 17.5 : Not supported
• 17.6 - TP : Not supported
• 2 - 3.6 : Not supported
• 4 - 17 : Partial support
• 18 - 24 : Supported
• 25 - 51 : Disabled by default
• 52 - 128 : Supported
• 129 : Supported
• 130 - 132 : Supported
• 9 - 12.1 : Not supported
• 15 - 110 : Supported
• 111 : Supported
• 5.5 - 9 : Not supported
• 10 : Not supported (but has polyfill available)
• 11 : Not supported (but has polyfill available)

Chrome for Android

Safari on ios.

• 3.2 - 17.4 : Supported
• 17.5 : Supported
• 17.6 - 18.0 : Supported

Samsung Internet

• 4 - 24 : Supported
• 25 : Supported
• all : Not supported

Opera Mobile

• 10 : Not supported
• 11 - 12.1 : Supported
• 80 : Supported

UC Browser for Android

• 15.5 : Supported

Android Browser

• 2.1 - 4.4.4 : Supported

Firefox for Android

• 14.9 : Supported

Baidu Browser

• 13.52 : Supported

KaiOS Browser

• 2.5 : Not supported
• 3 : Supported

Internet Explorer implements Pointer Events specification which supports more input devices than Touch Events one.

There is a library on GitHub that is working toward bringing W3C touch events to IE 10 and 11: https://github.com/CamHenlin/TouchPolyfill

Removed support in Firefox refers to desktop Firefox only.

• a. Send us an email
• b. Anonymous form
• Buyer's Guide
• Upcoming Products
• Tips / Contact Us
• Podcast Instagram Facebook Twitter Mastodon YouTube Notifications RSS Newsletter

Apple Releases Safari Technology Preview 201 With Bug Fixes and Performance Improvements

Apple today released a new update for Safari Technology Preview , the experimental browser that was first introduced in March 2016. Apple designed ‌Safari Technology Preview‌ to allow users to test features that are planned for future release versions of the Safari browser.

The current ‌Safari Technology Preview‌ release is compatible with machines running macOS Sonoma and the macOS Sequoia beta. Set to launch this fall, ‌macOS Sequoia‌ is the newest version of macOS that Apple is working on.

The ‌Safari Technology Preview‌ update is available through the Software Update mechanism in System Preferences or System Settings to anyone who has downloaded the browser from Apple's website. Complete release notes for the update are available on the Safari Technology Preview website .

Apple's aim with ‌Safari Technology Preview‌ is to gather feedback from developers and users on its browser development process. ‌Safari Technology Preview‌ can run side-by-side with the existing Safari browser and while it is designed for developers, it does not require a developer account to download and use.

Get weekly top MacRumors stories in your inbox.

Popular Stories

All Four iPhone 16 Pro Colors Revealed in New Image

The iPhone 16 is Getting a New Button: Here's What It Can Do

iPhone 16 Launch Is Just One Month Out – Here's Everything We Know

When is the iphone 16 coming out.

Apple Aiming to Launch Tabletop Robotic Home Device as Soon as 2026 With Pricing Around $1,000

These New Macs Are Coming in 2024

United States Fines T-Mobile $60 Million for Failing to Prevent Unauthorized Access to Sensitive Customer Data

Next article.

Our comprehensive guide highlighting every major new addition in iOS 17, plus how-tos that walk you through using the new features.

Update now for a number of important security fixes.

Get the most out your iPhone 15 with our complete guide to all the new features.

A deep dive into new features in macOS Sonoma, big and small.

Updates to Mail, Photos, Messages, and more, with Apple Intelligence features throughout.

iPhone Mirroring, Safari improvements, new Passwords app, and Apple Intelligence features throughout.

Apple Intelligence features, Smart Script handwriting refinement, Calculator app, and more.

New hand gestures, rearrange apps in Home View, larger Mac Virtual Display, and more.

Other Stories

2 days ago by Juli Clover

2 days ago by Tim Hardwick

3 days ago by Tim Hardwick

4 days ago by Tim Hardwick

5 days ago by Tim Hardwick

Apple’s new Safari feature removes distracting items from websites

Safari’s newest feature, Distraction Control, can remove distracting elements from a website. The feature follows Arc Browser’s addition of Boosts last year, which similarly lets users remove features from a site and further customize its appearance.

Apple is rolling out the early version of the feature this week through new developer betas of iOS 18, iPadOS 18 and macOS Sequoia.

Users can access the Distraction Control tool from the Page Menu in the Smart Search field. They then select the item on the website they want to remove. Safari will remember to remove the elements the next time they visit the site. The choice doesn’t currently sync across hardware, however, so users will have to hide the elements on each new device.

Users can click on the blue Hide icon in the search field and select “Show hidden items” to unhide any of the web page’s elements.

Apple said that the feature won’t remove ads or sections that have frequently changing content. It’s not clear if this tool will be able to remove, for example, a section like “Who to follow” or “Explore” on X, as these elements appear in the same place on the home page, but the content within those boxes is dynamic.

Arc Browser’s Boost tool was able to remove these sections during our testing last year .

With iOS 18, Apple also introduced a redesigned reader for better listening and font controls. It also launched Highlights, a feature that will surface important information from a page, including quick links for driving directions, call information and summaries of TV show reviews mentioned on a page.

More TechCrunch

Get the industry’s biggest tech news, techcrunch daily news.

Every weekday and Sunday, you can get the best of TechCrunch’s coverage.

Startups Weekly

Startups are the core of TechCrunch, so get our best coverage delivered weekly.

TechCrunch Fintech

The latest Fintech news and analysis, delivered every Tuesday.

TechCrunch Mobility

TechCrunch Mobility is your destination for transportation news and insight.

Palantir CEO Alex Karp is ‘not going to apologize’ for military work

Data analytics company Palantir has faced criticism and even protests over its work with the military, police, and U.S. Immigrations and Customs Enforcement, but co-founder and CEO Alex Karp isn’t…

Why Porsche NA CEO Timo Resch is betting on ‘choice’ to survive the turbulent EV market

Timo Resch is basking in the sun. That’s literally true, as we speak on a gloriously clear California day at the Quail, one of Monterey Car Week’s most prestigious events.…

Nancy Pelosi criticizes California AI bill as ‘ill-informed’

Congresswoman Nancy Pelosi issued a statement late yesterday laying out her opposition to SB 1047, a California bill that seeks to regulate AI. “The view of many of us in…

Google takes on OpenAI with Gemini Live

Made by Google was this week, featuring a full range of reveals from Google’s biggest hardware event. Google unveiled its new lineup of Pixel 9 phones, including the $1,799 Pixel…

OpenAI’s new voice mode let me talk with my phone, not to it

I’ve been playing around with OpenAI’s Advanced Voice Mode for the last week, and it’s the most convincing taste I’ve had of an AI-powered future yet. This week, my phone…

X says it’s closing operations in Brazil

X, the social media platform formerly known as Twitter, said today that it’s ending operations in Brazil, although the service will remain available to users in the country. The announcement…

Ikea expands its inventory drone fleet

One of the biggest questions looming over the drone space is how to best use the tech. Inspection has become a key driver, as the autonomous copters are deployed to…

Keychain aims to unlock a new approach to manufacturing consumer goods

Brands can use Keychain to look up different products and see who actually manufactures them.

Microsoft Copilot: Everything you need to know about Microsoft’s AI

In this post, we explain the many Microsoft Copilots available and what they do, and highlight the key differences between each.

How the ransomware attack at Change Healthcare went down: A timeline

A hack on UnitedHealth-owned tech giant Change Healthcare likely stands as one of the biggest data breaches of U.S. medical data in history.

Gogoro delays India plans due to policy uncertainty, launches bike-taxi pilot with Rapido

Gogoro has deferred its India plans over delay in government incentives, but the Taiwanese company has partnered with Rapido for a bike-taxi pilot.

A16z offers social media tips after its founder’s ‘attack’ tweet goes viral

On Friday, the venture firm Andreessen Horowitz tweeted out a link to its guide on how to “build your social media presence” which features advice for founders.

OpenAI shuts down election influence operation that used ChatGPT

OpenAI has banned a cluster of ChatGPT accounts linked to an Iranian influence operation that was generating content about the U.S. presidential election, according to a blog post on Friday.…

Apple reportedly has ‘several hundred’ working on a robot arm with attached iPad

Apple is reportedly shifting into the world of home robots after the wheels came off its electric car. According to a new report from Bloomberg, a team of several hundred…

Another week in the circle of startup life

Welcome to Startups Weekly — your weekly recap of everything you can’t miss from the world of startups. I’m Anna Heim from TechCrunch’s international team, and I’ll be writing this newsletter…

Researchers develop hair-thin battery to power tiny robots

MIT this week showcased tiny batteries designed specifically for the purpose of power these systems to execute varied tasks.

The Nevera R all-new electric hypercar can hit a top speed of 217 mph, and it only starts at $2.5 million

Rimac revealed Friday during The Quail, a Motorsports Gathering at Monterey Car Week the Nevera R, an all-electric hypercar that’s meant to push the performance bounds of its predecessor.

A hellish new AI threat: ‘Undressing’ sites targeted by SF authorities

While the ethics of AI-generated porn are still under debate, using the technology to create nonconsensual sexual imagery of people is, I think we can all agree, reprehensible. One such…

African e-commerce company Jumia completes sale of secondary shares at $99.6M

Almost two weeks ago, TechCrunch reported that African e-commerce giant Jumia was planning to sell 20 million American depositary shares (ADSs) and raise more than $100 million, given its share…

Only 7 days left to save on TechCrunch Disrupt 2024 tickets

We’re entering the final week of discounted rates for TechCrunch Disrupt 2024. Save up to $600 on select individual ticket types until August 23. Join a dynamic crowd of over…

‘Fortnite’ maker Epic Games launches its app store on iOS in the EU, worldwide on Android

Epic Games, the maker of Fortnite, announced on Friday that it has officially launched its rival iOS app store in the European Union. The Epic Games Store is also launching…

Google is bringing AI overviews to India, Brazil, Japan, UK, Indonesia and Mexico

After bringing AI overviews to the U.S., Google is expanding the AI-powered search summaries to six more countries: India, Brazil, Japan, the U.K., Indonesia and Mexico. These markets will also…

Meta draws fresh questions from EU over its CrowdTangle shut-down

The Commission is seeking more information from Meta following its decision to deprecate its CrowdTangle transparency tool. The latest EU request for information (RFI) on Meta has been made under…

What is Instagram’s Threads app? All your questions answered

Twitter alternatives — new and old — have found audiences willing to try out a newer social networks since Elon Musk took over the company in 2022. Mastodon, Bluesky, Spill…

UK neobank Revolut valued at $45B after secondary market sale

Revolut has confirmed a new valuation of $45 billion via a secondary market share sale, shortly after the U.K.-based neobank secured its own banking license in the U.K. and Mexico.…

Ben Horowitz declares war on Michael Moritz

A social media spat between billionaire tech investors is raising questions about the journalistic independence of three-year-old news outfit SF Standard, after a reporter representing the outlet reached out to…

California AI bill SB 1047 aims to prevent AI disasters, but Silicon Valley warns it will cause one

SB 1047 has drawn the ire of Silicon Valley players large and small, including venture capitalists, big tech trade groups, researchers and startup founders.

California weakens bill to prevent AI disasters before final vote, taking advice from Anthropic

California’s bill to prevent AI disasters, SB 1047, has faced significant opposition from many parties in Silicon Valley. Today, California lawmakers bent slightly to that pressure, adding in several amendments…

Meta axed CrowdTangle, a tool for tracking disinformation. Critics claim its replacement has just ‘1% of the features’

Journalists, researchers and politicians are mourning Meta’s shutdown of CrowdTangle, which they used to track the spread of disinformation on Facebook and Instagram. In CrowdTangle’s place, Meta is offering its…

Rivian launches smaller $1,400 camp kitchen, 5 years after initial demo

The Rivian camp kitchen attracted buzz from almost the moment it appeared as a prototype in 2019 at Overland Expo West. Despite interest in the accessory, Rivian never actually sold…

Web Animations in Safari 13.1

Apr 8, 2020

by Antoine Quint

With the release of iOS 13.4, iPadOS 13.4, and Safari 13.1 in macOS Catalina 10.15.4, web developers have a new API at their disposal: Web Animations . We have been working on this feature for well over 2 years and it’s now available to all Safari users, providing a great programmatic API to create and control animations using JavaScript.

In this article we will discuss the benefits of this new API, how best to detect its availability, how it integrates with existing features such as CSS Animations and CSS Transitions, and the road ahead for animation technology in WebKit.

A Little History

The WebKit team came up with original proposals for CSS Animations and CSS Transitions back in 2007 and announced them on this blog. Over the years these specifications have matured and become W3C standards and an integral part of the web platform.

With these technologies, integrating animations in web content became simple, removing the requirement for developers to write JavaScript while providing better performance and power consumption by allowing browsers to use hardware acceleration when available and integrate animations in the layout and rendering pipeline.

As a web developer, I’ve enjoyed the simplicity and great performance of CSS Animations and CSS Transitions. I believe it is those virtues that have allowed animations to become a powerful tool for web developers. However, in my day-to-day work, I also found a few areas where these technologies were frustrating: dynamic creation, playback control, and monitoring an animation’s lifecycle.

The great news is that these issues are all taken care of by the new Web Animations API. Let’s see how to leverage this new API to improve everyday code in these areas.

Part I – Animation Creation

While CSS allows you to very easily animate a state change (the appearance of a button, for instance) it will be a lot trickier if the start and end values of a given animation are not known ahead of time. Typically, web developers would deal with those cases with CSS Transitions:

While this may look like a reasonable amount of code, there are additional factors to consider. Forcing a style invalidation will not let the browser perform that task at the time it will judge most appropriate. And this is just one single animation; what if another part of the page, possibly even a completely different JavaScript library, also needed to create an animation? This would multiply forced style invalidations and degrade performance.

And if you consider using CSS Animations instead, you would have to first generate a dedicated @keyframes rule and insert it inside a <style> element, failing to encapsulate what is really a targeted style change for a single element and causing a costly style invalidation.

The value of the Web Animations API lies in having a JavaScript API that preserves the ability to let the browser engine do the heavy lifting of running animations efficiently while enabling more advanced control of your animations. Using the Web Animations API, we can rewrite the code above with a single method call using Element.animate() :

While this example is very simple, the single Element.animate() method is a veritable Swiss Army knife and can express much more advanced features. The first argument specifies CSS values while the second argument specifies the animation’s timing . We won’t go into all possible timing properties, but all of the features of CSS Animations can be expressed using the Web Animations API. For instance:

Now we know how to create an animation using the Web Animations API, but how is it better than the code snippet using CSS Transitions? Well, that code tells the browser what to animate and how to animate it, but does not specify when . Now the browser will be able to process all new animations at the next most opportune moment with no need to force a style invalidation. This means that animations you author yourself as well as animations that may originate from a third-party JavaScript library – or even in a different document (for instance, via an <iframe> ) – will all be started and progress in sync.

Part II – Playback Control

Another shortcoming with existing technologies was the lack of playback control: the ability to pause, resume, and seek animations and control their speed. While the animation-play-state property allows control of whether a CSS Animation is paused or playing, there is no equivalent for CSS Transitions and it only controls one aspect of playback control. If you want to set the current time of an animation, you can only resort to roundabout techniques such as clever manipulations of negative animation-delay values, and if you want to change the speed at which an animation plays, the only option is to manipulate the timing values.

With the Web Animations API, all these concerns are handled by dedicated API. For instance, we can manipulate playback state using the play() and pause() methods, query and set time using the read-write currentTime property, and control speed using playbackRate without modifying duration:

This gives developers control over the behavior of animations after they have been created. It is now trivial to perform tasks which would have been previously daunting. To toggle the playback state of an animation at the press of a button:

To connect the progress of an animation to an <input type="range"> element:

Thanks to the Web Animations API making playback control a core concept for animations, these simple tasks are trivial and more complex control over an animation’s state can be achieved.

Part III – Animation Lifecycle

While the transition* and animation* family of DOM events provide information about when CSS-originated animations start and end, it is difficult to use them correctly. Consider fading out an element prior to removing it from the DOM. Typically, this would be written this way using CSS Animations:

Seems correct, but on further inspection there are problems. This code will remove the element as soon as an animationend event is dispatch on the element, but since animation events bubble, the event could come from an animation completing in a child element in the DOM hierarchy, and the animations could even be named the same way. There are measures you can take to make this kind of code safer, but using the Web Animations API, writing this kind of code is not just easier but safer because you have a direct reference to an Animation object rather than working through animation events scoped to an element’s hierarchy. And on top of this, the Web Animations API uses promises to monitor the ready and finished state of animations:

Consider how complex the same task would have been if you wanted to monitor the completion of a number of CSS Animations targeting several elements prior to removing a shared container. With the Web Animations API and its support for promises this is now expressed concisely:

Integration with CSS

Web Animations are not designed to replace existing technologies but rather to tightly integrate with them. You are free to use whichever technology you feel fits your use case and preferences best.

The Web Animations specification does not just define an API but also aims to provide a shared model for animations on the web; other specifications dealing with animations are defined with the same model and terminology. As such, it’s best to understand Web Animations as the foundation for animations on the web, and think of its API as well as CSS Transitions and CSS Animations as layers above that shared foundation.

What does this mean in practice?

To make a great implementation of the Web Animations API, we had to start off fresh with a brand new and shared animation engine for CSS Animations, CSS Transitions, and the new Web Animations API. Even if you don’t use the Web Animations API, the CSS Animations and CSS Transitions you’ve authored are now running in the new Web Animations engine. No matter which technology you choose, the animations will all run and update in sync, events dispatched by CSS-originated animation and the Web Animations API will be delivered together, etc.

But what may matter even more to authors is that the entire Web Animations API is available to query and control CSS-originated animations! You can specify animations in pure CSS but also control them with the Web Animations APIs using Document.getAnimations() and Element.getAnimations() . You can pause all animations running for a given document this way:

What about SVG? At this stage, SVG Animations remain distinct from the Web Animations model, and there is no integration between the Web Animations API and SVG. This remains an area of improvement for the Web platform.

Feature Detection

But before you start adopting this new technology in your projects, there are some further practical considerations that you need to be aware of.

Since this is new technology, it is important to use feature detection as users gradually update their browsers to newer versions with support for Web Animations. Detecting the availability of the various Web Animations API is simple. Here is one correct way to detect the availability of Element.animate() :

While Safari is shipping the entire Web Animations API as a whole, other browsers, such as Firefox and Chrome, have been shipping Element.animate() for a long time already, so it’s critical to test individual features separately. So, if you want to use Document.getAnimations() to query all running animations for a given document , make sure to feature detect that feature’s availability. As such the snippet further above would be better written this way:

There are parts of the API that aren’t yet implemented in Safari. Notably, effect composition is not supported yet. Before trying to set the composite property when defining the timing of your animation, you can check whether it is supported this way:

Animations in Web Inspector

Also new in the latest Safari release: CSS Animations and CSS Transitions can be seen in Web Inspector in the new Media & Animations timeline in the Timelines Tab, organized by animation-name or transition-property properties for each element target. When used alongside other timelines, it can be helpful to correlate how that particular CSS Animation or CSS Transition was created, such as by looking at script entries in the JavaScript & Events timeline.

Starting in Safari Technology Preview 100 , Web Inspector shows all animations, whether they are created by CSS or using the JavaScript API, in the Graphics Tab. It visualizes each individual animation object with lines for delays and curves for keyframes, and provides an in-depth view of exactly what the animation will do, as well as information about how it was created and some useful actions, such as logging the animation object in the Console. These are the first examples of what Web Animations allow to improve Web Inspector for working with animations, and we’re looking forward to improving our tools further.

The Road Ahead

Shipping support for Web Animations is an important milestone for animations in WebKit. Our new animation engine provides a more spec-compliant and forward-looking codebase to improve on. This is where developers like you come in: it’s important we hear about any compatibility woes you may run into with existing content using CSS Animations and CSS Transitions, but also when adopting the new Web Animations API in your content.

The transition to the new Web Animations engine allowed us to address known regressions and led to numerous progressions with Web Platform Tests, improving cross-browser compatibility. If you find your animations running differently in Safari, please file a bug report on bugs.webkit.org so that we can diagnose the issue and establish if it is an intentional change in behavior or a regression that we should address.

We’re already working on improving on this initial release and you can keep an eye out for future improvements by monitoring this blog and the release notes for each new Safari Technology Preview release .

You can also send a tweet to @webkit or @jonathandavis to share your thoughts on our new support for Web Animations.

Five Things to Do: Color the City, Led Zeppelin tribute, Hot Dog Safari and more ...

The Worcester Common, in color

The Color The City festival, led by Worcester's young artists for the past few years, returns to the Worcester Common on the afternoon of Aug. 16. From 3 to 8 p.m., in the shadow of City Hall, festivalgoers will enjoy dancing, art activities, live music, a G-rated drag performance, face painting, art and food vendors, and what the festival describes as "giant games." The event was rescheduled to Aug. 16 from an earlier date, because of bad weather. Last year, revelers worked together to create a temporary sidewalk chalk mural that covered the entire Worcester Common Oval, and this year's festival is sure to be just as colorful. (MT)

What: Color The City Festival

When: 3 to 8 p.m. Aug. 16

Where: Worcester Common, 455 Main St., Worcester

How much: Free. worcesterma.gov .

(Hot) dog days of summer

The Worcester Hot Dog Safari returns Aug. 17 to crown the best hot dog in Worcester County and raise money for the Worcester County Food Bank. Festivities kick off at 11 a.m. at Ralph's Rock Diner, where participants can pick up a scorecard and then spend the afternoon hitting each restaurant and food stand on the list, scoring each hot dog according to five categories: dog, bun, toppings, presentation and value. Scorecards must be turned in at Ralph's by 5 p.m., and after tallying up the votes, the Hot Dog Safari will announce a winner. After that, having fueled up on hot dogs all afternoon, it's time to dance the night away on Ralph's patio. (MT)

What: Worcester Hot Dog Safari

When: 11 a.m. Aug. 17

Where: Ralph's Rock Diner, 148 Grove St., Worcester

How much: Free to spectate, but if you're participating, make sure you bring enough money to try a hot dog from each contestant. See the Facebook event page.

Good to the last note in Spencer

The bad news is the Spencer Parks & Recreation Commission’s 2024 Summer Concert Series concludes on Aug. 18. The good news is the performers will be the popular vocal guitar duo Fender Road and special guest Kiwi country singer Kylie Harris.   Paul “Fender” Lirange and Gary Suter are Fender Road, playing a variety of pop, rock and country songs from the 1950s to today that will be instantly recognizable. Harris is a country artist originally from New Zealand who spent years performing and hosting her own television show in Nashville, Tennessee.  She was inducted into the Gold Guitar Hands of Fame in 2023 at a ceremony held at New Zealand's Capital of Country Music in Gore. (RD)

What: Fender Road with special guest Kylie Harris

When: 2 p.m. Aug. 18

Where: Powder Mill Park, Smithville and Meadow roads, Spencer

How much:  Free.  spencerma.gov .

More: Music history comes to life: Old Vienna Kaffehaus reunion to be held in Hopkinton

More: Head held high and love in heart as stART on the Street will bid farewell

United Nations of brass

A celebratory synthesis of music, people and cultures from around the world, Kotoko Brass features musicians from Ghana, Antigua, Japan and the United States playing together in unity. Drums, horns, guitar, keyboards and bass blend African, Caribbean and New Orleans musical styles. Kotoko Brass will be performing Aug. 21 outside at the Francis R. Carroll Plaza on the Bank of America Stage as part of the Hanover Theatre Lunchtime Concert series . Food trucks will be available. (RD)

What:   Kotoko Brass — Lunchtime Concert Series

When:  11:30 a.m. Aug. 21

Where : Francis R. Carroll Plaza, 551 Main St., Worcester

How much : Free. RSVP. thehanovertheatre.org .

Whole lotta Zep at Indian Ranch

Get The Led Out , described as a "Celebration of 'The Mighty Zep," has become so popular at Indian Ranch in Webster that the group put on two shows in both 2022 and 2023, and is now back again for a second concert this summer on Aug. 23 after performing June 15. The six-member Philadelphia-based band seeks to bring the studio recordings of Led Zeppelin to life in concert. (RD)

What: Get The Led Out — Celebration of “The Mighty Zep”

When: 7 p.m. Aug. 23

Where: Indian Ranch, 200 Gore Road, Webster

How much: $35 to $40. indianranch.com

Navigation Menu

Search code, repositories, users, issues, pull requests..., provide feedback.

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly.

To see all available qualifiers, see our documentation .

• Notifications You must be signed in to change notification settings

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement . We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

contextmenu event: Safari on iOS does not support it. #6376

cookiengineer commented Jul 4, 2020

• 👍 3 reactions
• 👀 1 reaction

saschanaz commented Jul 5, 2020

Sorry, something went wrong.

cookiengineer commented Jul 6, 2020

robatwilliams commented Jul 14, 2021 • edited Loading

Successfully merging a pull request may close this issue.

We've detected unusual activity from your computer network

To continue, please click the box below to let us know you're not a robot.

Why did this happen?

Please make sure your browser supports JavaScript and cookies and that you are not blocking them from loading. For more information you can review our Terms of Service and Cookie Policy .

For inquiries related to this message please contact our support team and provide the reference ID below.

Reliable Event Technology

Knowledge Guidance and Support For A Hassle Free Experience

Technology at events is a necessity. Safari Events is requested across the United States to deliver best in class event services for temporary events. We handle every aspect of your event from start to finish, allowing event operators to focus on creating a unique fan experience.

Events We Support

Technology operations delivering a unique fan experience, event leadership in all disciplines of technology services​.

Our team consists of Network Engineers, Project Managers, Field Technicians, Carrier Specialist and Solutions Architects who lead the largest events in the world.

Our Suite of Event Services

It's all about relationships..

See Our Deep Bench of Companies We Partner with to Make Your Event

It's All About Relationships

We Partner With All National Service Providers and Manufacturers 

We speak their language and they love working with us

Client Feedback

Subscribe to our email list to receive impactful technology tips, education and event information.

• Name * Name
• 7 Ridgedale Avenue, Cedar Knolls, NJ 07927
• 201.934.7400
• Safari Solutions

Copyright ©2024 Safari Solutions. All Rights Reserved.

An official website of the United States government

Here’s how you know

Official websites use .gov A .gov website belongs to an official government organization in the United States.

Secure .gov websites use HTTPS A lock ( Lock A locked padlock ) or https:// means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.

• Science and Technology Directorate
• S&T Invites Scientific and Technical Communities to Propose Research and Development Projects that Support National Security

News Release: DHS S&T Invites Scientific and Technical Communities to Propose Research and Development Projects that Support National Security

For immediate release s&t public affairs , 202-286-9047.

Businesses of all sizes, universities, national laboratories, and other R&D organizations are eligible to submit ideas through a new Long Range Broad Agency Announcement.

WASHINGTON – The Department of Homeland Security (DHS) Science and Technology Directorate (S&T) released a new Long Range Broad Agency Announcement (LRBAA) 24-01 , which is a standing, open invitation to the scientific and technical communities to propose research and development projects in support of our nation’s security. DHS encourages proposals for 23 research and development topics categorized by DHS mission areas. This program allows the Department to apply scientific and technical knowledge to its operational environments and advances innovation in industry, academia, and the public sector. “The LRBAA provides DHS the opportunity to explore unique ideas for potential innovative solutions from industry and academia to address some of the country’s most pressing security challenges,” said Dusty Lang, LRBAA program manager. “The process is designed to allow innovators to gauge DHS’ interest early on, reducing the effort and expense of creating a full proposal.”

The current 23 LRBAA topics are categorized under five mission areas:

Counter Terrorism and Homeland Security Threats (CTHOM)

• CHTOM 01: Development of Tools for Test and Evaluation of Machine Learning Algorithms
• CHTOM 02: Threat Prevention
• CHTOM 03: Novel Approaches and Locations for Explosive Performance Characterization and Testing
• CHTOM 04: Public Safety Tools for Lithium-Ion Battery Incidents

Secure U.S. Borders and Approaches (SEC BORAP)

• BORAP 01: Screening at Speed
• BORAP 02: Noninvasive, Minimally Disruptive Sensors and Systems
• BORAP 03: Air Based Technologies
• BORAP 04: Countering Unmanned Aircraft Systems
• BORAP 05: Maritime Domain Awareness Technologies
• BORAP 06: Immigration Services Program
• BORAP 07: Detection Canine Technologies
• BORAP 08: Maritime Environment and Climate and Coastal, Port, and Waterway Security
• BORAP 09: Forensics and Criminal Investigations

Secure Cyberspace and Critical Infrastructure (SEC CYBCI)

• CYBCI 01: Predictive Analytics
• CYBCI 02: Shared Cyber Resilience
• CYBCI 03: Software and Hardware Supply Chain Assurance
• CYBCI 04: Trustworthy and Responsible Artificial Intelligence
• CYBCI 05: Advanced and Emerging Data Computation and Analytics
• CYBCI 06: GMD and Nuclear EMP Critical Infrastructure Risk

Preserve and Uphold the Nation’s Prosperity and Economic Security (PROES)

• PROES 01: Emerging Technologies

Strengthen Preparedness and Resilience (PRRES)

• PRRES 01: Technology Acceptance
• PRRES 02: Using Internet of Things (IoT) for Community and Infrastructure Resiliency Against All-Hazards
• PRRES 03: Integrating Risk Sciences and Adaptive Engineering for Community and Infrastructure Resilience

LRBAA will host a hybrid Industry Day on August 21, 2024, 10 AM – 4 PM ET , at the DHS Immigration and Customs Enforcement (ICE) Headquarters office in Washington, D.C., which will include in-person and virtual attendance options. The free event will provide attendees an opportunity to ask questions and learn more about the topics in the new announcement.  Secure your spot by registering now . 

To be notified about this and other events, join the LRBAA mailing list by emailing your request to [email protected] .

For more information on LRBAA, check out the LRBAA Today webinars on the  DHS S&T YouTube channel . For more information on the DHS S&T LRBAA and the new topic announcement, contact [email protected] or visit  https://oip.dhs.gov/baa/public .

• Science and Technology

• SUBSCRIBE TO EMAIL
•   Weather

Search location by ZIP code

Ywca york set to host 'walk a mile in her shoes' event to support women.

• Copy Link Copy {copyShortcut} to copy Link copied!

GET LOCAL BREAKING NEWS ALERTS

The latest breaking updates, delivered straight to your email inbox.

The YWCA in York is preparing for its annual Walk A Mile in Her Shoes event to support victims of sexual violence.

The organization has participated in this national event for more than 10 years, hoping to get men's attention and raise awareness for sexualized violence towards women.

Organizers are encouraging men to wear heels during the walk in honor of victims and survivors to experience the weight they carry.

YWCA York CEO Kim Bracey said this event isn't just a moment to gather men in solidarity for women every year; it saves lives.

"For men to come together and help others to understand often the pain that women have gone through from being victimized, traumatized or situations they don't ask to be a part of. And help others come onboard as men to say, 'Enough is enough. Stop,'" she said.

All proceeds from the event on Sept. 6 will support the YWCA's victim services program.

If you register for the event before 11:59 p.m. on Friday, you can get a T-shirt.

To register or give a donation, go here .

Windows 11, version 23H2

August 13, 2024—kb5041585 (os builds 22621.4037 and 22631.4037).

• July 25, 2024—KB5040527 (OS Builds 22621.3958 and 22631.3958) Preview
• July 9, 2024—KB5040442 (OS Builds 22621.3880 and 22631.3880)
• June 25, 2024—KB5039302 (OS Builds 22621.3810 and 22631.3810) Preview
• June 11, 2024—KB5039212 (OS Builds 22621.3737 and 22631.3737)
• May 29, 2024—KB5037853 (OS Builds 22621.3672 and 22631.3672) Preview
• May 14, 2024—KB5037771 (OS Builds 22621.3593 and 22631.3593)
• April 23, 2024—KB5036980 (OS Builds 22621.3527 and 22631.3527) Preview
• April 9, 2024—KB5036893 (OS Builds 22621.3447 and 22631.3447)
• March 26, 2024—KB5035942 (OS Builds 22621.3374 and 22631.3374) Preview
• March 12, 2024—KB5035853 (OS Builds 22621.3296 and 22631.3296)
• February 29, 2024—KB5034848 (OS Builds 22621.3235 and 22631.3235) Preview
• February 13, 2024—KB5034765 (OS Builds 22621.3155 and 22631.3155)
• January 23, 2024—KB5034204 (OS Builds 22621.3085 and 22631.3085) Preview
• January 9, 2024—KB5034123 (OS Builds 22621.3007 and 22631.3007)
• December 12, 2023—KB5033375 (OS Builds 22621.2861 and 22631.2861)
• December 4, 2023—KB5032288 (OS Builds 22621.2792 and 22631.2792) Preview
• November 14, 2023—KB5032190 (OS Builds 22621.2715 and 22631.2715)
• October 31, 2023—KB5031455 (OS Builds 22621.2506 and 22631.2506) Preview

Windows 11, version 22H2

• October 10, 2023—KB5031354 (OS Build 22621.2428)
• September 26, 2023—KB5030310 (OS Build 22621.2361) Preview
• September 12, 2023—KB5030219 (OS Build 22621.2283)
• August 22, 2023—KB5029351 (OS Build 22621.2215) Preview
• August 8, 2023—KB5029263 (OS Build 22621.2134)
• July 26, 2023—KB5028254 (OS Build 22621.2070) Preview
• July 11, 2023—KB5028185 (OS Build 22621.1992)
• June 27, 2023—KB5027303 (OS Build 22621.1928) Preview
• June 13, 2023—KB5027231 (OS Build 22621.1848)
• May 24, 2023—KB5026446 (OS Build 22621.1778) Preview
• May 9, 2023—KB5026372 (OS Build 22621.1702)
• April 25, 2023—KB5025305 (OS Build 22621.1635) Preview
• April 11, 2023—KB5025239 (OS Build 22621.1555)
• March 28, 2023—KB5023778 (OS Build 22621.1485) Preview
• March 14, 2023—KB5023706 (OS Build 22621.1413)
• February 28, 2023—KB5022913 (OS Build 22621.1344) Preview
• February 14, 2023—KB5022845 (OS Build 22621.1265)
• January 26, 2023—KB5022360 (OS Build 22621.1194) Preview
• January 10, 2023—KB5022303 (OS Build 22621.1105)
• December 13, 2022—KB5021255 (OS Build 22621.963)
• November 29, 2022—KB5020044 (OS Build 22621.900) Preview
• November 8, 2022—KB5019980 (OS Build 22621.819)
• October 25, 2022—KB5018496 (OS Build 22621.755) Preview
• October 18, 2022—KB5019509 (OS Build 22621.675) Out-of-band
• October 11, 2022—KB5018427 (OS Build 22621.674)
• September 30, 2022—KB5017389 (OS Build 22621.608) Preview
• Windows 11, version 21H2
• August 13, 2024—KB5041592 (OS Build 22000.3147)
• July 9, 2024—KB5040431 (OS Build 22000.3079)
• June 11, 2024—KB5039213 (OS Build 22000.3019)
• May 14, 2024—KB5037770 (OS Build 22000.2960)
• April 9, 2024—KB5036894 (OS Build 22000.2899)
• March 12, 2024—KB5035854 (OS Build 22000.2836)
• February 13, 2024—KB5034766 (OS Build 22000.2777)
• January 9, 2024—KB5034121 (OS Build 22000.2713)
• December 12, 2023—KB5033369 (OS Build 22000.2652)
• November 14, 2023—KB5032192 (OS Build 22000.2600)
• October 10, 2023—KB5031358 (OS Build 22000.2538)
• September 26, 2023—KB5030301 (OS Build 22000.2482) Preview
• September 12, 2023—KB5030217 (OS Build 22000.2416)
• August 22, 2023—KB5029332 (OS Build 22000.2360) Preview
• August 8, 2023—KB5029253 (OS Build 22000.2295)
• July 25, 2023—KB5028245 (OS Build 22000.2245) Preview
• July 11, 2023—KB5028182 (OS Build 22000.2176)
• June 28, 2023—KB5027292 (OS Build 22000.2124) Preview
• June 13, 2023—KB5027223 (OS Build 22000.2057)
• May 23, 2023—KB5026436 (OS Build 22000.2003) Preview
• May 9, 2023—KB5026368 (OS Build 22000.1936)
• April 25, 2023—KB5025298 (OS Build 22000.1880) Preview
• April 11, 2023—KB5025224 (OS Build 22000.1817)
• March 28, 2023—KB5023774 (OS Build 22000.1761) Preview
• March 14, 2023—KB5023698 (OS Build 22000.1696)
• February 21, 2023—KB5022905 (OS Build 22000.1641) Preview
• February 14, 2023—KB5022836 (OS Build 22000.1574)
• January 19, 2023—KB5019274 (OS Build 22000.1516) Preview
• January 10, 2023—KB5022287 (OS Build 22000.1455)
• December 13, 2022—KB5021234 (OS Build 22000.1335)
• November 15, 2022—KB5019157 (OS Build 22000.1281) Preview
• November 8, 2022—KB5019961 (OS Build 22000.1219)
• October 25, 2022—KB5018483 (OS Build 22000.1165) Preview
• October 17, 2022—KB5020387 (OS Build 22000.1100) Out-of-band
• October 11, 2022—KB5018418 (OS Build 22000.1098)
• September 20, 2022—KB5017383 (OS Build 22000.1042) Preview
• September 13, 2022—KB5017328 (OS Build 22000.978)
• August 25, 2022—KB5016691 (OS Build 22000.918) Preview
• August 9, 2022—KB5016629 (OS Build 22000.856)
• July 21, 2022—KB5015882 (OS Build 22000.832) Preview
• July 12, 2022—KB5015814 (OS Build 22000.795)
• June 23, 2022—KB5014668 (OS Build 22000.778) Preview
• June 20, 2022—KB5016138 (OS Build 22000.740) Out-of-band
• June 14, 2022—KB5014697 (OS Build 22000.739)
• May 24, 2022—KB5014019 (OS Build 22000.708) Preview
• May 10, 2022—KB5013943 (OS Build 22000.675)
• April 25, 2022—KB5012643 (OS Build 22000.652) Preview
• April 12, 2022—KB5012592 (OS Build 22000.613)
• March 28, 2022—KB5011563 (OS Build 22000.593) Preview
• March 8, 2022—KB5011493 (OS Build 22000.556)
• February 15, 2022—KB5010414 (OS Build 22000.527) Preview
• February 8, 2022—KB5010386 (OS Build 22000.493)
• January 25, 2022—KB5008353 (OS Build 22000.469) Preview
• January 17, 2022—KB5010795 (OS Build 22000.438) Out-of-band
• January 11, 2022—KB5009566 (OS Build 22000.434)
• December 14, 2021—KB5008215 (OS Build 22000.376)
• November 22, 2021—KB5007262 (OS Build 22000.348) Preview
• November 9, 2021—KB5007215 (OS Build 22000.318)
• October 21, 2021—KB5006746 (OS Build 22000.282) Preview
• October 12, 2021—KB5006674 (OS Build 22000.258)

Release Date:

OS Builds 22621.4037 and 22631.4037

07/09/24--- END OF SERVICE NOTICE ---

IMPORTANT Home and Pro editions of Windows 11, version 22H2 will reach end of service on October 8, 2024. Until then, these editions will only receive security updates. They will not receive non-security, preview updates. To continue receiving security and non-security updates after October 8, 2024, we recommend that you update to the latest version of Windows.

Note We will continue to support Enterprise and Education editions after October 8, 2024.

For information about Windows update terminology, see the article about the  types of Windows updates  and the  monthly quality update types . For an overview of Windows 11, version 23H2, see its update history page . 

Note  Follow  @WindowsUpdate  to find out when new content is published to the Windows release health dashboard.       

This update addresses security issues for your Windows operating system. 

 Improvements

Note:  To view the list of addressed issues, click or tap the OS name to expand the collapsible section.

Important:  Use EKB  KB5027397  to update to Windows 11, version 23H2.

This security update includes quality improvements. Key changes include: 

This build includes all the improvements in Windows 11, version 22H2.

No additional issues are documented for this release.

This security update includes improvements that were a part of update KB5040527   (released July 23, 2024). Below is a summary of the key issues that this update addresses when you install this KB. If there are new features, it lists them as well. The bold text within the brackets indicates the item or area of the change we are documenting.  

[BitLocker (known issue)] A BitLocker recovery screen shows when you start up your device. This occurs after you install the July 9, 2024, update. This issue is more likely to occur if device encryption is on. Go to Settings > Privacy & Security > Device encryption . To unlock your drive, Windows might ask you to enter the recovery key from your Microsoft account.

[Lock screen] This update addresses CVE-2024-38143. Because of this, the “Use my Windows user account” checkbox is not available on the lock screen to connect to Wi-Fi.

[NetJoinLegacyAccountReuse] This update removes this registry key. For more information refer to KB5020276—Netjoin: Domain join hardening changes .

[Secure Boot Advanced Targeting (SBAT) and Linux Extensible Firmware Interface (EFI)] This update applies SBAT to systems that run Windows. This stops vulnerable Linux EFI (Shim bootloaders) from running. This SBAT update will not apply to systems that dual-boot Windows and Linux. After the SBAT update is applied, older Linux ISO images might not boot. If this occurs, work with your Linux vendor to get an updated ISO image.

If you installed earlier updates, only the new updates contained in this package will be downloaded and installed on your device.

For more information about security vulnerabilities, please refer to the Security Update Guide website and the August 2024 Security Updates .

Windows 11 servicing stack update (KB5041584) - 22621.4027 and 22631.4027

This update makes quality improvements to the servicing stack, which is the component that installs Windows updates. Servicing stack updates (SSU) ensure that you have a robust and reliable servicing stack so that your devices can receive and install Microsoft updates.

Known issues in this update

Microsoft is not currently aware of any issues with this update.

How to get this update

Before you install this update

Microsoft combines the latest servicing stack update (SSU) for your operating system with the latest cumulative update (LCU). For general information about SSUs, see Servicing stack updates  and  Servicing Stack Updates (SSU): Frequently Asked Questions . 

Install this update

To install this update, use one of the following Windows and Microsoft release channels.

If you want to remove the LCU

To remove the LCU after installing the combined SSU and LCU package, use the DISM/Remove-Package command line option with the LCU package name as the argument. You can find the package name by using this command: DISM /online /get-packages .

Running Windows Update Standalone Installer ( wusa.exe ) with the /uninstall switch on the combined package will not work because the combined package contains the SSU. You cannot remove the SSU from the system after installation.

File information

For a list of the files that are provided in this update, download the  file information for cumulative update 5041585 . 

For a list of the files that are provided in the servicing stack update, download the  file information for the SSU (KB5041584) - versions 22621.4027 and 22631.4027 .  

Need more help?

Want more options.

Explore subscription benefits, browse training courses, learn how to secure your device, and more.

Microsoft 365 subscription benefits

Microsoft 365 training

Microsoft security

Accessibility center

Communities help you ask and answer questions, give feedback, and hear from experts with rich knowledge.

Ask the Microsoft Community

Microsoft Tech Community

Windows Insiders

Microsoft 365 Insiders

Was this information helpful?

Thank you for your feedback.

View in English

More Videos

Streaming is available in most browsers, and in the Developer app.

Meet Web Push for Safari

Bring better notifications to your websites and web apps in Safari on macOS with Web Push. We'll show you how you can remotely send notifications to people through the web standards-based combination of Push API, Notifications API, and Service Workers.

• Learn more about bug reporting
• Notifications API
• Sending web push notifications in web apps and browsers
• Service Worker API

Related Videos

• What’s new in web apps
• What's new in Safari and WebKit

♪ ♪ Brady Eidson: Hello. My name is Brady Eidson. I'm an engineer on the WebKit Architecture team. I am thrilled to introduce you to Web Push in Safari. Web Push lets you remotely send notifications to your web application's users. Here, a notification displays from webkit.org in the upper-right of the screen. Clicking the notification opens a WebKit blog post in a new window. Before I get into other details on how this works, I want to answer a few questions up front I know many of you will have.

Web Push is supported in Mac Safari beginning with macOS Ventura. And Web Push will be coming to iOS and iPadOS next year.

Apple's Safari Push Notifications have been an option for reaching Mac Safari users for quite a while. While it will continue to work, today I'm happy to announce that we have added support for Web Push, and this really is Web Push! The same combination of various web standards as implemented in other browsers. We'll go over those standards more later, but… the most important takeaway is that if you've coded your application to web standards, you won't need to make any changes for it to work in Safari. Of course, if you exclude Safari through browser detection, then you have some work ahead of you. Now would be a great time to switch from browser detection to feature detection, which has always been the best practice. We're using the same Apple Push Notification service that powers native push on all Macs and iOS devices, but no Apple Developer account is required to reach Safari users. We are using new end point URLs for Web Push, which brings up another thing you might be doing to unintentionally exclude Safari. If you tightly manage push end points on your server, make sure you allow URLs from any subdomain of push.apple.com. Moving beyond answers to those important questions, let's get into more detail. First, we'll look at the Web Push experience in Safari from a user's perspective. Then we'll cover the entire Web Push flow, from asking for permission to handling a click on an entry in Notification Center. Finally, we'll see what it takes to add Web Push to an existing web app. But first, the Mac Safari user experience. And I can think of no better way to cover that than with a demo. Here's Safari on macOS Ventura. I have webkit.org open in this browser tab. I need to keep up-to-date with the WebKit open source project, and Web Push is a great way to do that. webkit.org is not allowed to request permission to push without the user asking with a user gesture. So I'll click this bell-shaped button here to subscribe for notifications. What you see here is the system notifications prompt– the same one you'd see for any other application. In this case, it's on behalf of webkit.org. I will click "allow," and I'm all set. webkit.org is giving me the option to be notified about new blog posts as well as new commits to the source code repository. I know being notified for every commit will distract me from important work, but I absolutely want to be notified about new blog posts. So I'll check that box now. Coincidentally, somebody must've just published the WebKit blog post about Web Push. This notification looks just like any other and is attributed to webkit.org. I can click it to activate, and there is the blog post, open in Safari. Once a user has granted permissions to a website, they maintain control over that permission. As a macOS user, I'm used to managing Notification preferences inside System Settings, and that's where I can go to configure webkit.org's notifications. The same rich configuration as I'd find for any other app or service. As a Safari user, I'm used to managing website settings from inside Safari preferences. I can also go there to turn webkit.org's permissions on or off. And that's how Web Push works for users in Mac Safari. Before we move on, I want to reiterate a few things covered in that demo. First, we don't want users to be spammed by subscription requests they haven't asked for. So a website may only request a push subscription in response to a mouse click or a keystroke. Once a website has permission to show notifications to the user, the user controls that permission. They can choose to manage it in Safari's preferences or System Settings. And the setting will stay in sync if they happen to manage it in both. Finally, if you provide notifications for different types of events, it is a best practice to provide fine-grained controls for notification types within your web app, just like other apps do. Now that you've seen Web Push in action, let's dig in to what's happening at each step. Some of you are already intimately familiar with this. But for those of you new to Web Push, I'll go step by step, referring you to the relevant standards and documentation along the way. The first thing that happens is a user visits your website in a browser tab. Here's webkit.org open in Safari. Since it is open in a tab, it can install a Service Worker. A Service Worker is a unit of JavaScript that operates on behalf of an entire domain, separate from a currently open browser tab. Once the Service Worker script is installed, your web app is eligible to request a push subscription. As already mentioned, this request must be tied to a user gesture. webkit.org requests permission when clicking this bell-shaped button, which fulfills the user gesture requirement. When your site asks for a push subscription, the user sees this system prompt. Here is where they can make the final call on granting your website this powerful ability.

It is possible the user might deny the request. Your JavaScript should be prepared to handle that. But assuming the user grants permission, your JavaScript gets back a PushSubscription object. This includes everything your server needs to send a push message to this user in this browser. Information like the exact URL end point to use. You send this PushSubscription payload back to your server in whatever manner works best for your web app. Many popular server packages have Web Push support to manage subscriptions, or you can roll your own. The same pertains to how and when to actually send a push message to the URL end points your server knows about. I can't tell you when to do so. That's up to you and your website. But once you've decided to send that push message, I can help with what happens next. Remember how push requires an installed Service Worker? Once your server has sent a push message and Safari receives it, Safari wakes up your Service Worker and sends it a JavaScript push event. Showing a notification to the user in Notification Center is a requirement while handling the push event. Receiving the push event and displaying the notification happens if your website is currently open in a browser tab. It also happens if your website is not currently open in a browser tab. In the case of Safari on macOS Ventura, this happens even if Safari is not currently running. The final step: If your user clicks on that notification, a notificationclick event is sent to your Service Worker so it can respond appropriately. For example, by opening a new window to the URL associated with that notification. With that understanding of the Web Push flow under our belt, it's time to get into even more detail by actually adding Web Push support to an existing web app. Besides webkit.org, Browser Pets is the most mission critical internal tool for the Safari and WebKit teams. Keeping everyone in the department up-to-date on their favorite WebKittens and Pups on Safari has always been the mission statement of Browser Pets, and Web Push has made that easier than ever. Our internal BrowserPets domain already had a ServiceWorker script registered to speed up page loads and synchronize between multiple tabs. At a high level, a ServiceWorker script looks a lot like this. When an engineer visits the Browser Pets page in a tab, this JavaScript excerpt either determines if the Service Worker script has already been registered, or registers it if necessary. Notice we're practicing feature detection here, previously mentioned as a best practice. With the Service Worker prerequisite taken care of, we're ready to subscribe for push. Remember, you cannot request a push subscription without an explicit user gesture. Running this script in response to a button's onclick handler is one of many ways to satisfy that requirement. Once the user clicks that button, here's code to request a push subscription. I'll go into each of these points in more detail. First, we need to configure the request for a push subscription. An important bit for that is the public key our server uses to identify themselves to Apple's push servers. Here we use the standard technology called VAPID, the same as other browsers. I won't go over the sometimes complex details of VAPID here, but there are resources on the web to help you with the best solution for your server's setup. With the VAPID key set, we're ready to configure the subscription request. Notice we are explicitly stating that we promise to always make pushes user visible. While the standard for the JavaScript Push API optionally accommodates silent JavaScript runtime in response to a push, most browsers do not support that. Safari does not support that. And like most websites, Browser Pets does not need that. Then we request permission to push. This line of JavaScript results in the permission prompt for the user to either approve or reject. Assuming the user grants permission– which all Safari team members do for Browser Pets– this gives us a PushSubscription object with the details on how to reach this user in their browser. Things like the URL end point and the key used to encrypt the push message for transit. Finally, we need to send all of those details to our server. As mentioned before, the specifics of this will vary based on your exact application. Our BrowserPets server uses WordPress, which already has a few plugins to support standard Web Push. It's likely you'll find the same is true for your backend, and there are resources on the web to help find the right solution for just about any setup. Now we need to go back to our Service Worker JavaScript code. It will need to handle a few new events, starting with the push event. When a push message makes its way from the Browser Pets server to this browser, this Service Worker has a push event sent to it. That event contains a PushMessageData object which has multiple ways of accessing the data sent by your server. We use the JSON accessor here. Remember how when we subscribed for push, our JavaScript promised they would always be user visible? That means we must always show a platform native notification in response to each push. It is best to do this as early as possible in your push event handler. We're pulling everything we need out of that JSON blob to configure the notification, including setting up an action with a URL. That will come in handy in just a moment. After the notification is shown, we need to handle the user clicking on it. One more event for our Service Worker script to handle. In this notificationclick handler, BrowserPets will take the URL from the notification that was clicked to open a new window. Take note: This is a very common pattern. That's all the JavaScript we need to write to support Web Push. Of course, it's best to have some help while developing. As usual, that's where Web Inspector comes in. In addition to helping debug your website open in a browser tab, Web Inspector can also inspect Service Worker instances and set breakpoints on event handlers. All of this together will let you inspect and debug the JavaScript that subscribes for push as well as the service worker code that handles the push event and notification events. Additionally, the Apple Push Notification servers will give you human readable errors if something goes wrong when you attempt to publish a push message. Check out the links associated with this session for further documentation. I'd also like to get into more detail on a few points that came up while writing that code, with direct regards to user privacy and power usage. Importantly–and this is not the first time I've said this– subscribing for push requires a user gesture. As with other privileged features of the web platform, it's the right thing for user trust to require that the user actually asked to enable Web Push. As mentioned when I showed you the code on how to request a push subscription, you must promise that pushes will be user visible. Handling a push event is not an invitation for your JavaScript to get silent background runtime. Doing so would violate both a user's trust and a user's battery life. When handling a push event, you are in fact required to post a notification to Notification Center. Other browsers all have countermeasures against violating the promise to make pushes user visible, and so does Safari. In the beta build of macOS Ventura, after three push events where you fail to post a notification in a timely manner, your site's push subscription will be revoked. You will need to go through the permission workflow again. That's all. We're genuinely proud to support Web Push and excited that any site can use it, no Apple Developer account required. As long as you've coded to the standards and use feature detection, so you don't unwittingly exclude Safari, your users will already get the benefit of Web Push in Safari 16 on macOS Ventura. As usual, we've added tons of other new stuff to Safari and WebKit this year, and I hope you'll check out that session to learn more. Thank you for watching. I hope you have a great rest of WWDC 2022.

8:27 - BrowserPetsWorker.js

8:42 - BrowserPetsMain.js

9:00 - BrowserPetsMain.js subscribeToPush()

9:19 - BrowserPetsMain.js subscribe

9:36 - BrowserPetsMain.js subscriptionOptions

10:21 - BrowserPetsMain.js request permission to push

11:13 - BrowserPetsWorker.js push

12:06 - BrowserPetsWorker.js notification click

Looking for something specific? Enter a topic above and jump straight to the good stuff.

An error occurred when submitting your query. Please check your Internet connection and try again.

Friday Speaker Series: Lioba Moshi

Speaker lioba moshi.

Dr. Lioba Moshi will give a presentation on her latest book, Safari Njema: My Journey from Kilimanjaro to America.

Dr. Lioba Moshi, Professor Emerita of Linguistics and Comparative Literature at the University of Georgia, has been a teacher, scholar, translator, and leader in various scholarly programs. She received her Ph.D. at UCLA, and taught at Stanford University before settling at the University of Georgia where she spent most of her teaching career in America. 

Dr. Moshi is a linguist and language pedagogist by training. She has written several books and articles on language pedagogy, linguistic analysis, politics, and has developed language materials that are used nationally and internationally. This is her first non-academic book, a detailed account of her life journey across three continents.

Support UGA Women's Studies

The Institute of Women's Studies appreciates your financial support. Your gift is important to us and helps support critical opportunities for students and faculty alike, including lectures, travel support, and any number of educational events that augment the classroom experience.

Click here to learn more

Every dollar contributed to the department has a direct impact on our students and faculty.

Safari Support

Get to know safari.

Safari profiles

Create separate profiles for things like home and work, so you can keep your browsing activities organized.

• Learn more about Safari profiles

Use passkeys

Passkeys replace passwords for an easier and more secure way to sign in to your accounts. And you can find them right on your device.

• On your iPhone
• On your Mac

Add your favorite websites to the Dock for an app-like experience.

• Learn how to use web apps

Customize your start page

Choose a background image and other options such as Favorites, Siri Suggestions, iCloud Tabs, and Reading List.

• Personalize your start page

Add extensions

Safari extensions add functionality and are a great way to personalize and enhance your browsing experience.

• Learn how to install extensions

Privacy Report

See a list of known trackers who’ve been blocked from tracking you across all the websites you’ve visited.

• View your Privacy Report
• Manage your privacy

Autofill passwords

Use the AutoFill feature to easily fill in saved user names and passwords, and suggest strong passwords when you sign up for websites.

• Learn about Autofill

Import bookmarks

You can import your bookmarks, history, and saved passwords from Google Chrome or Mozilla Firefox, and pick up right where you left off.

• Import from other browsers

Increase your online security

Learn how to identify and avoid  phishing and other scams , and how to get a warning if the site you’re visiting is a suspected phishing website. 

• Update Safari Security preferences for Mac

Learn about features and discover all that Safari can do.

• Browse the guide

Set up iCloud

Select and set up the iCloud features you want to use like Photos, Contacts, Calendars, and more.

Search for more topics

Apple Communities

Find answers, ask questions, and connect with other Apple users.

• Ask or search now

Get Support

We can help you find the best support options.