what is user agent in safari develop

Generative AI
Office Suites
Collaboration Software
Productivity Software
Augmented Reality
Emerging Technology
Remote Work
Artificial Intelligence
Operating Systems
IT Leadership
IT Management
IT Operations
Cloud Computing
Computers and Peripherals
Data Center
Enterprise Applications
Vendors and Providers
Enterprise Buyer’s Guides
United States
Netherlands
United Kingdom
New Zealand
Newsletters
Foundry Careers
Terms of Service
Privacy Policy
Cookie Policy
Copyright Notice
Member Preferences
About AdChoices
E-commerce Affiliate Relationships
Your California Privacy Rights

Our Network

Network World

How to use the Safari Develop Menu on a Mac

Control caches, check website performance, and get better website responses with these simple tools..

It may be aimed at developers but most Mac users should spend a little time getting to know Safari’s Develop Menu. This is because it provides tools most Mac users will need from time to time.

What is the Safari Develop Menu?

Because most of the tools offered within the menu are aimed at Web developers, you don’t see Safari Develop Menu by default.

To use it you must enable it in Safari Preferences. Click on the Advanced tab and check the box beside the phrase “Show Develop menu in menu bar” at the bottom of the pane. You will now see a new Menu item appear between your Bookmarks and Windows menus.

Most Mac users won’t need to make use of all the tools it provides, but what follows are some tasks most Mac users may find useful from time-to-time. You can find out more about the other tools it provides here .

You can empty Safari caches

If your Safari browser becomes slow or some websites fail to load it is possible that cache files have become corrupted. These files contain website data such as images and templates and are collected by Safari in an attempt to speed up page load times. Use the ‘Empty Caches’ command to get rid of this data, which may sometimes improve browser performance.

You can swiftly launch websites in different browsers

If you visit a website that doesn’t seem to want to work with Safari because some web designer failed to read the memo that explains how the Internet is built using shared standards, then you can quickly launch that site using another browser you may have installed on your Mac. Just choose ‘Open Page With’ and select the alternate browser you would like to use.

You can pretend to be using a different browser

It’s quite useful to be able to open a stubborn page in an alternate browser, but you can also try to convince websites that you are already using a different browser using Safari Develop Menu.

Select ‘User Agent’ and you will see a drop down menu listing a range of alternate desktop and mobile browsers including Safari, Internet Explorer, FireFox and Chrome.

Select one of these and Safari will try to convince the website you are trying to visit that it is one of these alternate browses by sending a different user agent.

(The user agent is a string of text your browser sends that lets the site know which browser you are using). This doesn’t always work but you’ll often find sites that claim not to support Safari actually do, once you use this trick.

You can figure out why some sites suck system resources

If you’ve ever visited a website that is poorly engineered with lots of orphaned code or what not then you may have seen that site impact your whole web browser. Eventually you need to restart it. That’s not such a big deal but it is annoying.

If you think you have come across such a site you can get the evidence you need:

Just visit the site and choose Start Timeline Recording.
Hit refresh and you’ll see a visual real time representation of what happens when you try to load that website.
Or use Web Inspector to see all those elements in one place or to identify image/video files on a site.

You can see what a site looks like on an iPhone

Just choose ‘Enter Responsive Design Mode’ and you can take a look at how the site you are on looks on different Apple devices.

One more thing

Safari also boasts a hidden debug menu. You access this using a Terminal script. It provides a range of useful commands, including the capacity to ‘Reset your Top Sites’, ‘Synch your iCloud History’ and to see all the resources used by any website you happen to be one. Here is what you need to know about the debug menu.

Google+? If you use social media and happen to be a Google+ user, why not join AppleHolic’s Kool Aid Corner community and join the conversation as we pursue the spirit of the New Model Apple?

Got a story? Drop me a line via Twitter or in comments below and let me know. I’d like it if you chose to follow me on Twitter so I can let you know when fresh items are published here first on Computerworld.

Show me more

Adobe brings ai image generation to acrobat.

What is a CAIO — and what should they know?

Microsoft delivers a light Patch Tuesday for June

Podcast: Apple joins the AI party with 'personal intelligence' tools

Podcast: Is the AI hype justified or will the bubble ‘burst’?

Podcast: Does age discrimination exist in the tech industry?

Apple joins the AI party with 'personal intelligence' tools

Is the AI hype justified or will the bubble 'burst'?

Does age discrimination exist in the tech industry?

How to Change User Agents in Chrome, Edge, Safari & Firefox

Discover how to change user agents in web browsers for testing purposes. Learn how to ensure your campaigns are running properly and target the right audience.

Whether you are an SEO pro, marketer, or web developer, you might often need to change your browser’s user-agent to test different things.

For example, imagine you’re running a MAC-OS-specific campaign. To find out if your campaign is running properly and not targeting Linux users, changing the user-agent of your browser can help you test.

Changing user-agents is almost a daily task for web developers, as they need to test how websites behave in different browsers and devices.

What Is A User-Agent?

A user-agent is an HTTP request header string identifying browsers, applications, or operating systems that connect to the server.

Browsers have user-agents, and so do bots and crawlers such as search engines Googlebot , Google AdSense, etc.

Here, we will learn how to change your browser’s user-agent.

The process is called user-agent spoofing .

Spoofing occurs when a browser or client sends a different user-agent HTTP header from what it is and fakes it.

While the term may be alarming, this is not a dangerous activity and will not cause you any problems. (Feel free to spoof your user-agent as much as you want.)

How To Change Your User-Agent On Chrome & Edge

Since Microsoft Edge is now using Chromium , the settings for both Chrome and Edge are the same.

1. Right Click Anywhere On Webpage > Inspect

Alternatively, you can use CTR+Shift+I on Windows and Cmd + Opt +J on Mac.

2. Choose More Tools > Network Conditions

Screen new.

Click on the three vertical dots in the upper right corner.

3. Uncheck Select Automatically Checkbox

4. Choose One Among The Built-In User-Agents List

If the user-agent you want doesn’t exist, you can enter any string you want on the field below the list.

For example, you can enter the following (Googlebot’s user-agent) into the custom field:

This may be useful for SEO professionals to identify if there is a cloaking on the website where the webpage shows specific content to Googlebot and different content to website visitors.

Alternatively, you can use the Chrome extension User-Agent Switcher and Manager .

That said, I try not to use browser extensions when the browser can perform the action I want. This is to avoid overloading the browser with add-ons.

Also, extensions have a habit of breaking websites unexpectedly sometimes.

While you might think the website you visited has an issue, the root cause can be one of the add-ons you’re using.

How To Change User-Agent On Safari

1. go to preferences.

2. Enable Develop Menu Bar

Go to Advanced and check Show Develop menu in menu bar .

3. Navigate To Develop > User-Agent

You can again select from a predefined list or enter a custom user-agent string by choosing “Other…”

How To Change User-Agent In Firefox

In Firefox, it is possible to change user-agents via the browser’s built-in settings.

However, it is not as user-friendly as on Chrome or Safari.

It is a real pain to use the browser’s built-in feature.

Instead, we will use a Firefox add-on called User-Agent Switcher .

After installing the add-on, you will see an icon in the upper right corner.

You can select one of the predefined user-agents or enter a custom user-agent by clicking on the pen icon below.

Another extension you can use is User-Agent Switcher and Manager .

User-Agents Are Easy To Spoof

The user-agents are easy to spoof, and anyone can use these easy tricks to alter them.

This feature is useful for testing web apps against various devices, especially when the HTML is different for mobile or tablet devices.

It is a cost-efficient way to test websites as one doesn’t need to have many physical devices to be able to test.

However, certain issues may appear on the real device but not when testing by changing the user agent and using a browser emulator.

In that case, if you want to test on multiple real devices, I suggest using Browserstack , which offers testing opportunities on almost all devices.

What is a user agent?

User agent is a HTTP request header string identifying browser, application, operating system which connects to the server. Not only browsers have user agent but also bots, search engines crawlers such as Googlebot, Google Adsense etc. which are not browsers.

What is user-agent spoofing?

When browser or any client sends different user-agent HTTP header from what they are and fakes it that is called spoofing .

How does changing the user-agent help SEO professionals?

SEO professionals may find changing the user-agent to be a critical part of their audit process. It is beneficial for several reasons:

Identifying cloaking issues : By mimicking different user-agents, such as Googlebot, SEO experts can uncover whether a website presents different content to search engines than users, which violates search engine guidelines.
Compatibility: It ensures web applications are compatible across various browsers and devices.
User Experience : Developers can optimize the user experience by understanding how content is rendered on different systems.
Debugging: Changing the user-agent can help pinpoint browser-specific issues.
Quality Assurance: It’s an essential step in quality assurance and helps maintain the integrity and performance of a website.

Can changing your browser’s user-agent pose a security risk?

No, changing your browser’s user-agent, commonly called user-agent spoofing, does not inherently pose a security risk. While the term “spoofing” might suggest malicious intent, this practice in the context of user-agents is harmless. It is a tool for developers and marketers to test how websites and applications interact with various devices and browsers.

More resources:

An Introduction to Rendering For SEO
Using Chrome DevTools To Diagnose Site Issues In An Audit
7 Essential SEO Browser Extensions & Plugins

Featured Image: /Shutterstock

All screenshots taken by author, May 2024

I am dedicated to ensuring the smooth and uninterrupted operation of Search Engine Journal. As the Director of Technology, I ...

Subscribe To Our Newsletter.

Conquer your day with daily search marketing news.

Home » Tech Tips » Browsers » How to Change User Agent in Mac Safari Browser?

How to Change User Agent in Mac Safari Browser?

Mac comes with Safari as a default web browser app. Though Safari works well for visiting website, many prefer Chrome for development and integration purposes. If you are using Safari, did you anytime wonder how a website you see in Safari will look like in Chrome on Mac? You will probably install Chrome and check the site. However, what will you do if you want to test in Chrome Windows version or Microsoft Edge Windows version? Good thing is that it is not necessary to install Chrome and you can change the user agent in Safari as Chrome and test the sites easily.

User Agents

Each browser has its own user agent string so that the website owner can identify how the site is being accessed. The string will change based on the device, operating system and browser version you use. For example, below is the user agent for Chrome in Mac. You can use this free tool to check your browser’s user agent.

From this information, you can find the device is Macintosh and Chrome version 114 is used to access your website. For mere testing purposes, you do not need to install Chrome, Edge or Firefox in your Mac for checking the websites on those browsers. All you need is to simply switch the user agent string in Safari and test the site’s appearance.

Changing User Agent in Safari Mac

Since user agent is kind of developer stuff, Safari by default will disable this feature. You need to first enable “Develop” menu to reveal the feature in Safari.

Open Safari app in Mac and go to “Safari > Settings…” menu.

Go to “Advanced” tab and enable “Show features for web developers” option showing at the bottom.

Close Safari Settings pop-up and now you will see a “Develop” menu added to the browser.
Click on “Develop” menu and hover over “User Agent” to view a list of items.
By default, Safari automatically chooses the user agent and you can switch to one of the available agents from the list.
If you want to check the string, just hover over any item and Safari will show the full string as a tooltip for you to check.

Available and Custom User Agents

As of Safari 17.0, below are the available user agents showing in the menu items for the latest OS/browser versions. User agent string will be automatically updated in Safari when the OS/browser gets new version.

Safari – Mac, iPhone, iPad Mini and iPad.
Microsoft Edge – macOS and Windows
Google Chrome – macOS and Windows
Firefox – macOS and Windows

You can switch the user agent to any of these browsers and test the site. If you want to use custom string, then click on “Custom” menu showing as a last option in the menu. This will show a text box in the pop-up where you can enter your custom user agent string and click “OK” button.

Testing Websites

After choosing the user agent, open the site that you want to test. Now, Safari will load the site as if you are seeing on different browser or device.

Test Site in Safari with Chrome User Agent

You can switch the user agent any time and Safari will reload the page using the new user agent. This way you can test whether the site is loading properly on different browsers without installing them on your Mac.

If you are using Chrome, learn more on how to change user agent in Google Chrome .

About Nagasundaram Arumugham

Naga is the founder and chief content editor of WebNots. He has over 20 years of experience in technology field and published more than 2000 articles.

You also might be interested in

How to Use Right Click Context Menu in Google Chrome?

11 Ways to Use Right Click Context Menu in Google Chrome

Google Chrome has lots of hidden features and one such[...]

How to Setup Guest Account in Google Chrome?

How to Use Guest Account in Google Chrome?

Google Chrome is one of the most popular and widely[...]

How to Change System Date and Time Formats in Mac?

In our earlier article, we have explained how to change[...]

DOWNLOAD EBOOKS

SEO Guide for Beginners
WordPress SEO PDF Guide
Weebly SEO PDF Guide
Alt Code Emoji Shortcuts PDF
Free ALT Code Shortcuts PDF
View All eBooks

FREE SEO TOOLS

Webpage Source Code Viewer
HTTP Header Checker
What is My IP Address?
Google Cache Checker
Domain Age Checker Tool
View All Free Web and SEO Tools

Type and press Enter to search

How-To Geek

How to change safari's user agent on os x.

Your changes have been saved

Email Is sent

Please verify your email address.

You’ve reached your account maximum for followed topics.

You Can Now Listen To Websites Using Chrome

Proton drive is getting even better, today's nyt connections hints and answer for june 17 (#372), quick links, what is a user agent anyway.

You've probably been annoyed at one time or another when visiting a website that requires a specific browser. Luckily, you can fool a website into thinking you're using a different browser and you can do this with most, including Safari.

User agent "spoofing" is not a new thing. It was sometimes necessary when there was a so-called browser war. Website designers would often design pages to render and deliver different content depending on the user's browser. The solution to this was often to send a false "user agent string," which would fool the web server into delivering you the preferred content.

Today, users are less likely to have a problem since websites and browsers are better at adhering to web standards. That's not to say you won't still encounter one every now and then.

If you use Apple OS X's Safari, here's how you change the user agent, and even create custom ones as well.

When Safari visits a website, it will send a string of text such as this:

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_2) AppleWebKit/600.3.18 (KHTML, like Gecko) Version/8.0.3 Safari/600.3.18

This tells the web server that this particular user is running Safari 8 on a Mac running OS X 10.10.2.

It will obviously be different per the operating system and web browser. A computer running Windows 7 and Internet Explorer 10 would appear as such:

Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.1; Trident/6.0)

The list of user agent strings is quite extensive because there are so many browsers on different operating systems. By the way, it's possible to see what information your browser reveals about you , which includes your screen resolution, IP address, and more.

Changing Your User Agent on Safari

We've discussed the ways you can change the user agent on Google Chrome, Internet Explorer, and Firefox . Let's discuss now how to change it on Apple OS X's Safari.

First, open Safari's preferences from the "Safari" menu or with "Command + ,".

With the preferences open, click on the "Advanced" tab. At the very bottom, you want to check the box next to "Show Develop menu in the menu bar" and then exit out of the preferences.

Now Safari will have a new menu devoted solely to development tools.

The "User Agent" menu is at the top. There's already quite a few options available including preceding versions of Safari on OS X and iOS, Chrome on Mac and Windows, as well as an "Other..." option.

The "Other..." option allows you to specify a user agent other than those listed, such as if you're curious to see how Google Chrome on an iPad running iOS 8.2 renders, you'd use the appropriate string.

When you open the "Other..." option from the User Agent menu then, you'd simply type of copy the user agent string for the browser you want to test.

Afterwards, the new user agent will appear in the User Agent menu. Note, however, you can only have one "other" user agent at a time.

As we suggested in the introduction, it's unusual to have to change your user agent because most browsers are fairly good now at adhering to standards, and most websites are browser agnostic (though some browsers work better on some sites than others).

On a related note, if you're curious to see how your browser does with regard to web standards, you can always try the Acid Tests developed by the Web Standards Project .

That said, we hope you've found this article useful. If you have anything you'd like to add, such as a question or a comment, please provide feedback in our discussion forum.

Web Browsers

The latest user agents for Safari

Apple's Safari web browser runs on mobile devices (iPhones, iPads and iPod Touches) and macOS computers. Depending on which platform you're using (or want to pretend you're using!) the user agent will be a bit different.

Here we have the latest user agents for Safari on mobile and computer platforms.

Unlike some other popular browsers and platforms, we've noticed that Safari definitely seems to have less "extra" stuff in its user agent - standard Safari will never announce the exact model number of the device being used, and there's generally much less additional fragments added by installed addons/apps - toolbars and so on.

That said, you're welcome to explore our huge listing of various Safari user agents to see the different variations of user agents.

Latest Safari on macOS User Agents

Latest safari on ios user agents, special notes, safari on ios 13.

You may have already noticed, but Safari on the latest version of iOS (version 13) no longer includes fragments to indicate that Safari's running on iOS... instead the user agent is indistinguishable from the desktop version of macOS.

As such, it's not possible to provide valid sample user agents for them any more.

Build numbers and OS version numbers

Test it out.

You can use our User Agent Parser page to try out different user agent varieties, or to test if your user agent switcher is working properly.

Database of user agents

If you're interested in our database of many millions of user agents, please check out our API which provides access to our user agent database . You can perform very detailed and specific queries on it to find user agents that match your exact criteria - version numbers, hardware types, platforms and so on.

Clear cache & history

Do i need to clear my cache.

Not sure why you've been asked to clear your cache? We can explain. Why you need to clear your cache

What is a cache?

Before you consider clearing your browser cache, you should know what it is! Learn a little bit about browser caches

Is it safe to clear my cache?

Are there any risks to clearing your cache? Find out if it's ok to clear your cache

Update my web browser

Do i need to update my browser.

Find out if your browser is out of date Is my browser out of date?

Why should I update my browser?

There are very good reasons to, find out here! Why update your browser?

Is it free to update Chrome?

Find out about the cost of updating Chrome... Does Chrome cost anything?

What does it mean to update your Browser?

What does it actually mean? What does it mean to update your browser

Get help with our guides

How to enable javascript.

Change your JavaScript settings Guide to enabling Javascript

How to enable Cookies

Configure your cookie settings for privacy Guide to enabling cookies

I can't log in to a website..

We've got a detailed guide to help you solve login problems How to fix website log in problems

Why do websites use cookies?

Why are cookies useful? Do you need them? What's the deal with cookies?

How to update your browser

Old software puts you at risk. Keep your browser fresh and up to date

Clear Cache, Cookies and History

How to reset your browsing history How to reset your browser

Try a different web browser

Different web browsers have different features - try a different one to see if you prefer it. Experiment a bit!

Use a VPN to hide your IP address

We recommend NordVPN to hide your IP address or to unblock websites. Hide your IP Address

Skip to main content
Skip to search
Skip to select language
Sign up for free
Português (do Brasil)

The User-Agent request header is a characteristic string that lets servers and network peers identify the application, operating system, vendor, and/or version of the requesting user agent .

Warning: Please read Browser detection using the user agent for why serving different Web pages or services to different browsers is usually a bad idea.

Common format for web browsers:

A product identifier — its name or development codename.

Version number of the product.

Zero or more comments containing more details. For example, sub-product information.

Firefox UA string

For more on Firefox- and Gecko-based user agent strings, see the Firefox user agent string reference . The UA string of Firefox is broken down into 4 components:

Mozilla/5.0 is the general token that says that the browser is Mozilla-compatible. For historical reasons, almost every browser today sends it.
platform describes the native platform that the browser is running on (Windows, Mac, Linux, Android, etc.) and if it is a mobile phone. Firefox OS phones say Mobile — the web is the platform. Note that platform can consist of multiple " ; "-separated tokens. See below for further details and examples.
rv: geckoversion indicates the release version of Gecko (such as " 17.0 "). In recent browsers, geckoversion is the same as firefoxversion .
Gecko/geckotrail indicates that the browser is based on Gecko. (On the desktop, geckotrail is always the fixed string 20100101 .)
Firefox/firefoxversion indicates that the browser is Firefox and provides the version (such as " 17.0 ").

Chrome UA string

The Chrome (or Chromium/Blink-based engines) user agent string is similar to Firefox's. For compatibility, it adds strings like KHTML, like Gecko and Safari .

Opera UA string

The Opera browser is also based on the Blink engine, which is why it almost looks the same as the Chrome UA string, but adds "OPR/<version>" .

Older, Presto-based Opera releases used:

Microsoft Edge UA string

The Edge browser is also based on the Blink engine. It adds "Edg/<version>" .

Safari UA string

In this example, the user agent string is mobile Safari's version. It contains the word "Mobile" .

Crawler and bot UA strings

Library and net tool ua strings, specifications, browser compatibility.

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

User-Agent detection, history and checklist
Firefox user agent string reference
Browser detection using the user agent
Client hints

Privacy Policy
Advertise with Us

How to Change the User Agent in Safari for Mac

In order to let websites serve browser-specific settings and pages, your browser sends a string called user agent to the websites that you visit on your computer. That way the target website gets to know what browser you are using and serves the pages accordingly. While most websites look the same in every browser, some have specific files that are only rendered when using a specific browser, Safari, for example. If you wish to see how a site looks in a specific browser, you can change the user agent in Safari on your Mac and pretend to be another browser.

When you change the user agent string, it technically changes the way websites interact with your browser. For example, if a site has a file that only renders when you’re using Chrome for Android, you can change the user agent to Chrome for Android in Safari and see that site as if you’re viewing it for real on your Android device.

Here’s how you can go about doing that.

Changing the User Agent in Safari for Mac

Fire up Safari on your Mac from the dock.

Click on “Safari” in the top left corner and select “Preferences…” You will be taken to the preferences panel for your browser.

Once in the “Preferences” panel, click on the “Advanced” tab located in the top bar. It should open the advanced settings for your browser.

In the “Advanced” tab, you should see an option that says “Show Develop menu in menu bar.” Tick mark it, and it will add a new menu in the menu bar for you to change the user agent.

Selected 'Show Develop menu in menu bar.'

Pull down the new menu by clicking on “Develop” in the menu bar. Then select “User Agent,” and you should see a list of the predefined user agents that you can use right away with your browser. Click on any and it will be selected.

If you can’t find the user agent you want to use, click on “Other” in the menu, and it will let you manually specify one.

Click on 'Other' to manually specify a user agent.

You should see a prompt asking you to enter a user agent string that you wish to use in Safari on your Mac. This part is usually used by the geeks or developers who know what a user agent looks like and how to write one. If you are unsure, you can use the help of the User Agent String website to try out various agents in your browser.

When you are done entering the string, click on “OK,” and it will save it for you.

To check whether the new user agent works or not, just visit any site that lets you check what browser you are using, and it will tell you the name of the browser depending on what user agent you provided in the previous step. I have provided the Opera Mini user agent thus the browser check site says I’m using Opera Mini, although my actual browser is Safari.

Use browser check to see what your browser is.

The user agent has been changed in Safari on your Mac, and you are now telling websites that you don’t use Safari but use another browser because the user agent string says so.

If you are looking to see how a website looks like in another browser without actually downloading it, you can use the above method and have Safari pretend to be the browser you want.

Our latest tutorials delivered straight to your inbox

Mahesh Makvana is a freelance tech writer who's written thousands of posts about various tech topics on various sites. He specializes in writing about Windows, Mac, iOS, and Android tech posts. He's been into the field for last eight years and hasn't spent a single day without tinkering around his devices.

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.

internet Explorer user agent

I want to use the Internet Explorer user agent from the Develop tab to use a specific website. However on my version of Safari (13.0.3) none of the IE versions are shown - only Edge. I have tried searching for the user agent strings but cannot find them.

Can anyone help how to install those user agents into Safari ?

MacBook Pro 13", macOS 10.14

Posted on Nov 14, 2019 2:37 PM

User Agent in Safari on iPadOS

During authentication flow in Safari, we have a case when in order to satisfy a condition policy, user needs to install the app on his device. Depending on the OS, we ask him to install different applications. Since on iPadOS User Agent in Safari is same as on MacOS Catalina, what is recommened way to distinguish OS on server side?

Safari : Mozilla/5.0 ( Macintosh; Intel Mac OS X 10_15 ) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0 Safari/605.1.15

MacOS Catalina:

Safari : Mozilla/5.0 ( Macintosh; Intel Mac OS X 10_15_0 ) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.100 Safari/537.36

I have a similar situation as antrix1989 where our webclient determines if a user is browsing via an iPad with JavaScript and alters/restricts the content. We can then market our clients to a subscription on/with our native iOS app. Would be super helpful if the User Agent stated it was iPad OS instead of Mac OS X:

so a regex match could be done to fairly certain determine a user was on iPad.

Hopefully this will change closer to or after the release?

Any update on this? Will the issue be solved before ios13 is released? I'm facing the same issue on iPads.

In our case we use the user agent to detect if the browser belongs to a mobile device.

This is important because on mobile devices we set our web application to listen the touch events such touchstart, touchend, etc, to drag some elements. But currently we cannot subscribe to those events since we cannot detect it is a mobile device.

Somebody in another forum suggested me to verify if Safari browser is not set to show the desktop version of the web site. I'll check that today. But I think this is still an issue because even if user agent is retrieved as the desktop device, mouse events are not being emulated by safari.

I opened Settings -> Safari -> Request Desktop Website -> All websites. That option is enabled by default. I disabled it and the proper User Agent is now displayed.

Mozilla/5.0 ( iPad ; CPU OS 13_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0 Mobile/15E148 Safari/604.1

IMO it should be disabled by default and if a user enables it a modal window should be displaying indicanting not all web sites will be supported properly. Or maybe you may consider to add the iPad word to the first user agent to allow us to detect if it is an ipad emulating safari desktop or enable mouse event emulation, because I think when it is released several websites will fail.

I have the same issue with one of our sites, we render certain functionality for mobile devices (ipad included) based on the user agent.

The workaround esteban26 suggested works, but it's not ideal if it's enabled by default, It would be great if Apple considers adding the iPad word, or any other identifier to the user agent string.

Agree this should be disabled by default. The current user-agent lies about both the OS and the chipset (Intel vs Arm)

I had submitted a request to add a User Agent change function similar to the Desktop. On my desktop, there are some enterprise web apps speicifally look at browser versions and break on the latest version even though the app would work perfectly fine. I've done this several times where I change the Safari user agent to Chrome or IE11 and apps function just fine. It's just one more thing that would release corporate users from a desktop.

We have same issue here, certain functinalities are dependent on iPad word as well. I also expecting also Apple added back iPad or other keyword to identify iPad.

I have a similar situation.

Any solution or update ?

Again we need some way of determining an iPad

FYI, I submitted feedback/bug report via the Feedback app on the iPad back on July 3rd, 2019. Apple responded on the 19th wanting specific details/steps on how to reproduce the error... I gave specific steps on how to view the user agent via the safari developer console and have yet to hear back from them. The feeback app is reporting "More than 10" recent similar reports and the resolution is still "Open".

Starting to think they're not concerned about this.

Hopefully it will be resolved before launch.

This will impact thousands of our users 😟

Any news on this?

This is a problem for one of our application which is provided for major clients.

Would there be any meta tag which if present by default will launch the site in mobile?

Anyone else have any update on this?

Hi Antrix1989,

from what I've observed another way to load a mobile version of a given website on iPadOS is to ensure that the browser's width is compact. To achieve this you must use the multi-tasking feature and place safari in a popup or split paned with another app such that Safari now has compact width.

This doesn't work for me running iOS 13.1.2 on iPad. I turned "Request Desktop Website On All Websites" OFF and UserAgent still reports "Macintosh".

Is there something obvious I'm missing here? I am shocked this isn't causing complete chaos with all the web apps out there.

I'm starting to wonder if 'iPadOS' is code for Catalyst.

After all, we're told we can build one app for mac and ipad...where is the bifurcation to help websites deliver their mobile-centric version?

Now that ios13 is out of Beta and deployed does anybody else still see the UA issue for Safari

Is there any fix on the horizon - We can't ask the entire Safari iPad using internet to know about and toggle this Dev tools fix

I can't believe they set this option to default on iPads, from minimal testing it's the Safari and Firefox browsers on iPads that default to "Desktop View" (Chrome still defaults to mobile website on ipads) and no one is offering a way for developers to get around this.

I collapse my menus on mobile devices and remove/add certain elements that are different from my desktop site and this completely destroys all of that coding.

This is still an issue. Yes, the Desktop settings workaround does help get a sensible userAgent, but nobody on a large iPad is ever going to set that. The main issue I have is that I'm developing an HTML5 Audio player where we want to hide our volume control interface when the device is an iPhone or iPad, since there is no way to control HTML5 Audio volume property via Javascript on these devices. Does anyone have a sane solution to this?

OK I have a solution.

Simply create an HTML5 Audio object and attempt to set the .volume property.

Mobile Safari can't do this.

You're welcome.

Agreed. This is a devasting user experience for the iPad. And you want people to choose an iPad over a Mac and you make completely stupid moves like this? For example, iPadOS does not auto-uncompress .zip files like a Mac. Users come on the support saying how nothing works, because when they tap the download it's broken. Even sophisticated users have to poke around to find "Uncompress" buried at the bottom of the the long-touch menu. If you didn't LIE to my web server, I could offer the uncompressed link, and everything would be fine.

Do not LIE about your user-agent, certainly CPU architecture and operating system. That is the kind of schmuck moves the old Microsoft would make. Perhaps they hired the MSIE team. So short sighted. *** Apple?

Hi, so it looks like User Agent "sniffing" will no longer work for iPad iOS 13+. If you have control over the devices, you could turn off the setting "Request Desktop Website" (Settings -> Safari -> Request Desktop Website (under Settings for Websites), but... I'm assuming you don't have control over the client device settings.

I did find this fix Repeated link if the embedded one doesn't work: ( https://stackoverflow.com/questions/9038625/detect-if-device-is-ios ).

Essentially, just tack on the solution to whatever current User Agent detection you are running.

(copied below in case the answer is lost on Stack)

Maybe Apple specifically wants iPadOS users to experience desktop websites by default, so they made its default user agent look like it's macOS?

Parse a User Agent String

Every time your web browser makes a request to a website, it sends a HTTP Header called the " User Agent ". The User Agent string contains information about your web browser name, operating system, device type and lots of other useful bits of information.

But every browser sends its user agent in a different format, so decoding them can be very tricky.

Use this tool to parse any user agent string you want to understand. We'll show you what the user agent means; whether it's a popular system like Safari on iPad, Chrome on Windows, whether it's a search engine spider bot or security analysing tool.

Why not start by parsing your browser's own user agent .

Explore the database of User Agents

We've got a huge collection of user agents grouped by browser, OS, platform, hardware and software types and layout engines.

Facebook App (8,591,685)
Chrome (5,019,455)
Instagram (4,943,685)
Android WebView (4,007,680)
TikTok (665,198)
Opera (636,879)
Google News (540,099)
Snapchat (515,196)
WeChat (254,295)

Browse all Software Names

Operating Systems:

Android (18,729,759)
iOS (7,643,072)
Windows (308,010)
Linux (69,946)
macOS (60,589)
Mac OS X (44,074)
Fire OS (14,018)
Symbian (6,742)
Chrome OS (2,988)

Browse all Operating Systems

Operating Platforms:

Apple iPhone (1,630,389)
Google Pixel 2 (881,858)
LG Nexus 5 (876,785)
Samsung SM-G900P (873,700)
Motorola Moto G (786,253)
Redmi (391,593)
Apple iPhone 11 (390,418)
Apple iPhone 13 (302,610)
Apple iPhone 12 (287,782)

Browse all Operating Platforms

Software Types:

In-App Browser (19,860,594)
Web Browser (6,979,891)
Crawler (131,265)
Application (16,397)
Site Monitor (12,069)
Analyser (2,555)
Bot (1,806)
Media Player (1,612)
Software Library (727)

Browse all Software Types

Hardware Types:

Phone (14,997,455)
Mobile (9,868,413)
Tablet (1,516,726)
Computer (477,160)
Server (148,958)
TV (15,163)
E-Book Reader (14,050)
Music Player (4,366)

Browse all Hardware Types

Layout Engines:

WebKit (17,657,003)
Blink (8,733,051)
EdgeHTML (170,014)
Gecko (74,046)
NetFront (53,259)
Trident (20,457)
Presto (1,894)
Goanna (370)

Browse all Layout Engine Names

Sick of looking at user agents? Use our API.

Parse User Agents

Parse User Agent

Explore User Agents

We have a huge collection of over 410 million different user agents. Look around to find user agents for which ever browser, operating system, device, software type or layout engine you need. If you need to decode a user agent, use the User Agent Parser or the Browser Detection API .

Detect Windows 11

Facebook App (8,591,685)
Chrome (5,019,455)
Instagram (4,943,685)
Android WebView (4,007,680)
TikTok (665,198)
Opera (636,879)
Google News (540,099)
Snapchat (515,196)
WeChat (254,295)

Browse all Software Names

Operating Systems:

Android (18,729,759)
iOS (7,643,072)
Windows (308,010)
Linux (69,946)
macOS (60,589)
Mac OS X (44,074)
Fire OS (14,018)
Symbian (6,742)
Chrome OS (2,988)

Browse all Operating Systems

Operating Platforms:

Apple iPhone (1,630,389)
Google Pixel 2 (881,858)
LG Nexus 5 (876,785)
Samsung SM-G900P (873,700)
Motorola Moto G (786,253)
Redmi (391,593)
Apple iPhone 11 (390,418)
Apple iPhone 13 (302,610)
Apple iPhone 12 (287,782)

Browse all Operating Platforms

Software Types:

In-App Browser (19,860,594)
Web Browser (6,979,891)
Crawler (131,265)
Application (16,397)
Site Monitor (12,069)
Analyser (2,555)
Bot (1,806)
Media Player (1,612)
Software Library (727)

Browse all Software Types

Hardware Types:

Phone (14,997,455)
Mobile (9,868,413)
Tablet (1,516,726)
Computer (477,160)
Server (148,958)
TV (15,163)
E-Book Reader (14,050)
Music Player (4,366)

Browse all Hardware Types

Layout Engines:

WebKit (17,657,003)
Blink (8,733,051)
EdgeHTML (170,014)
Gecko (74,046)
NetFront (53,259)
Trident (20,457)
Presto (1,894)
Goanna (370)

Browse all Layout Engine Names

Welcome to The User Agent Knowledgebase

We've been decoding user agents for more than 13 years and we've seen it all - the good, the bad and the downright weird! This website is a collection of resources dedicated to understanding and working with user agents, including the new proposal which may end up eliminating user agents: Client Hints .

As well as this, we've also got resources (such as our Frontend Library ) dedicated to detecting frontend web browser features and settings, so that you can understand what technology your website visitors are using and help solve their technical problems. It's the same technology we use on whatismybrowser.com .

You can use our user agent parser form to paste in a user agent and decipher it. If you want to automate sending lots of user agents, then look at our Browser Detection API - not only will it let you easily decode millions of user agents, it will tell you if your visitor's web browsers are up to date or if someone is trying to send you a dangerous or weird user agent . Our API has lots of helpful features and is trusted by thousands of companies - check it out now .

Learn about user agents

Browse millions of user agents

Use the API

Browser Detection API
Check if your visitor's web browser is up to date
Web Browser Version Numbers API
Search the user agent database
API use cases
API documentation

Browser Detection

Parse a user agent
Use the API to automate Browser Detection.
What does a user agent fragment mean?
Software & Platforms we detect

How to Change User-Agents in Chrome, Edge, Safari & Firefox

Whether or not you’re an SEO professional, marketer, or net developer, you would possibly usually want to vary your browser’s user-agent to check various things.

For instance, think about you’re working a MAC-OS-specific marketing campaign. To seek out out in case your marketing campaign is working correctly and never concentrating on Linux customers, altering the user-agent of your browser can assist you check.

Altering user-agents is sort of a each day process for net builders, as they should check how web sites behave in numerous browsers and gadgets.

Table of Contents

What Is A Person-Agent?

A user-agent is an HTTP request header string figuring out browsers, functions, or working techniques that connect with the server.

Browsers have user-agents, and so do bots and crawlers akin to search engines like google Googlebot , Google AdSense, and so forth.

Screenshot by writer, Might 2024

Right here, we are going to learn to change your browser’s user-agent.

The method known as user-agent spoofing .

Spoofing happens when a browser or consumer sends a distinct user-agent HTTP header from what it’s and fakes it.

Whereas the time period could also be alarming, this isn’t a harmful exercise and won’t trigger you any issues. (Be happy to spoof your user-agent as a lot as you need.)

How To Change Your Person-Agent On Chrome & Edge

Since Microsoft Edge is now using Chromium , the settings for each Chrome and Edge are the identical.

1. Proper Click on Wherever On Webpage > Examine

Alternatively, you should use CTR+Shift+I on Home windows and Cmd + Choose +J on Mac.

2. Select Extra Instruments > Community Situations

Display new.

Click on on the three vertical dots within the higher proper nook.

3. Uncheck Choose Robotically Checkbox

4. Select One Amongst The Constructed-In Person-Brokers Listing

If the user-agent you need doesn’t exist, you’ll be able to enter any string you need on the sphere beneath the record.

For instance, you’ll be able to enter the next (Googlebot’s user-agent) into the customized area:

This can be helpful for search engine optimization professionals to determine if there’s a cloaking on the web site the place the webpage exhibits particular content material to Googlebot and completely different content material to web site guests.

Alternatively, you should use the Chrome extension User-Agent Switcher and Manager .

That stated, I strive to not use browser extensions when the browser can carry out the motion I would like. That is to keep away from overloading the browser with add-ons.

Additionally, extensions have a behavior of breaking web sites unexpectedly generally.

Whilst you would possibly assume the web site you visited has a problem, the foundation trigger might be one of many add-ons you’re utilizing.

How To Change Person-Agent On Safari

1. go to preferences.

2. Allow Develop Menu Bar

Go to Superior and verify Present Develop menu in menu bar .

3. Navigate To Develop > Person-Agent

You possibly can once more choose from a predefined record or enter a customized user-agent string by selecting “Different…”

How To Change Person-Agent In Firefox

In Firefox, it’s attainable to vary user-agents through the browser’s built-in settings.

Nevertheless, it isn’t as user-friendly as on Chrome or Safari.

It’s a actual ache to make use of the browser’s built-in characteristic.

As an alternative, we are going to use a Firefox add-on referred to as User-Agent Switcher .

After putting in the add-on, you will notice an icon within the higher proper nook.

You possibly can choose one of many predefined user-agents or enter a customized user-agent by clicking on the pen icon beneath.

One other extension you should use is User-Agent Switcher and Manager .

How to Change User-Agents in Chrome, Edge, Safari & Firefox

Person-Brokers Are Simple To Spoof

The user-agents are simple to spoof, and anybody can use these simple methods to change them.

This characteristic is helpful for testing net apps in opposition to numerous gadgets, particularly when the HTML is completely different for cellular or pill gadgets.

It’s a cost-efficient technique to check web sites as one doesn’t must have many bodily gadgets to have the ability to check.

Nevertheless, sure points could seem on the actual gadget however not when testing by altering the person agent and utilizing a browser emulator.

In that case, if you wish to check on a number of actual gadgets, I counsel utilizing Browserstack , which presents testing alternatives on virtually all gadgets.

What’s a person agent?

Person agent is a HTTP request header string figuring out browser, software, working system which connects to the server. Not solely browsers have person agent but additionally bots, search engines like google crawlers akin to Googlebot, Google Adsense and so forth. which aren’t browsers.

What’s user-agent spoofing?

When browser or any consumer sends completely different user-agent HTTP header from what they’re and fakes it that known as spoofing .

How does altering the user-agent assist search engine optimization professionals?

search engine optimization professionals could discover altering the user-agent to be a important a part of their audit course of. It’s useful for a number of causes:

Figuring out cloaking issues : By mimicking completely different user-agents, akin to Googlebot, search engine optimization specialists can uncover whether or not an internet site presents completely different content material to search engines like google than customers, which violates search engine pointers.
Compatibility: It ensures net functions are appropriate throughout numerous browsers and gadgets.
User Experience : Builders can optimize the person expertise by understanding how content material is rendered on completely different techniques.
Debugging: Altering the user-agent can assist pinpoint browser-specific points.
High quality Assurance: It’s an important step in high quality assurance and helps preserve the integrity and efficiency of an internet site.

Can altering your browser’s user-agent pose a safety danger?

No, altering your browser’s user-agent, generally referred to as user-agent spoofing, doesn’t inherently pose a safety danger. Whereas the time period “spoofing” would possibly counsel malicious intent, this follow within the context of user-agents is innocent. It’s a instrument for builders and entrepreneurs to check how web sites and functions work together with numerous gadgets and browsers.

Extra sources:

Featured Picture: /Shutterstock

All screenshots taken by writer, Might 2024

Source link

Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)

Your IP Address

195.158.225.244

Country Name: Russian Federation
Latitude: 55.7386
Longitude: 37.6068

Browser Information
Browser Name: unknown
Browser Type: Unknown
Browser Version: unknown
Browser Engine: unknown
Opera System Information
Name: unknown
Version: unknown
Platform: unknown
Device Information
Brand: Desktop
Type: Desktop

What Is a User Agent?

A browser's user agent string (UA) helps identify which browser is being used, what version, and on which operating system. When feature detection APIs are not available, use the UA to customize behavior or content to specific browser versions.

Useragent is a small piece of data that is sent by your web browser when accessing a website or application. It is used to identify the type of browser you are using, what device and operating system you are using, and the version of the browser you are using. This information is important for websites and applications to ensure optimal performance and compatibility. It also allows developers to customize their websites and applications based on user agent data.

macOS Sequoia takes productivity and intelligence on Mac to new heights

MacBook Pro shows iPhone Mirroring; Mac shows Highlights in Safari; and another MacBook Pro shows a more immersive gaming experience.

Wirelessly Use iPhone Right from Mac with iPhone Mirroring

With iPhone Mirroring, a user wirelessly uses their iPhone 15 Pro from the desktop of their MacBook Pro.

Big Updates Come to Safari

On a user’s MacBook Pro, the new Highlights feature in Safari is shown.

Gaming Gets Even Better with Highly Anticipated Titles and More

Highly anticipated titles : Developers are delivering an amazing host of new titles to Mac. Ubisoft will release Prince of Persia: The Lost Crown and Assassin’s Creed Shadows, and Capcom will offer even more exciting titles from the popular RESIDENT EVIL series, including RESIDENT EVIL 7 biohazard and RESIDENT EVIL 2. The next major expansion of World of Warcraft: The War Within is coming later this year. Also on the way are Frostpunk 2, Palworld, Sniper Elite 4, and RoboCop: Rogue City, all leveraging powerful software technologies like MetalFX Upscaling to accelerate performance and deliver high-quality visuals across the Mac lineup. And Control Ultimate Edition and Wuthering Waves are coming soon, taking advantage of the latest M3 family of chips to deliver breathtaking visuals with ray tracing.
A more immersive gaming experience : Personalized Spatial Audio puts players in the middle of the action like never before, while significantly reduced audio latency with AirPods Pro (2nd generation) provides even better responsiveness. Improvements to Game Mode unlock smoother frame rates, and advanced power management features boost performance across the Mac lineup.
Game Porting Toolkit 2 : Since the introduction of the Game Porting Toolkit, developers have been able to bring their games to Apple devices faster than ever, and gaming enthusiasts can experience more titles on the Mac. Game Porting Toolkit 2 takes this to the next level with some of the most-requested capabilities from game developers, making it even easier to bring advanced games to Mac, as well as iPhone and iPad.

Window Tiling Is Easier and Faster Than Ever

Video Conferencing Gets More Updates

The new presenter preview is shown on a user’s Mac desktop.

The New Passwords App Keeps Credentials Secure and Organized

The new Passwords app is shown on a user’s MacBook Pro.

Apple Intelligence Ushers in the Next Chapter of AI on Mac

The Apple Intelligence-powered Rewrite tool is shown on a user’s MacBook Pro.

Messages has big updates to the ways users express themselves and stay connected, including all-new text effects, emoji and sticker Tapbacks, and the ability to schedule a message to send later.
Apple Maps is introducing even more ways to explore the world, including curated hikes and custom walking routes. Beginning this fall, users can browse thousands of hikes across all 63 national parks in the United States, filtered by length, elevation, and route type, and save them to use while offline.
Photos now surfaces Collections, which automatically organizes a user’s library by helpful themes, and includes a big update to search, so users can get results quickly.
Note taking in Notes is getting smarter, making it easier than ever to take detailed and well-written notes. New audio transcription and summarization features with Apple Intelligence enable a device to take notes for the user, letting them stay present in a situation where they need to capture details about what’s happening. And if they need to quickly crunch a number, they can just type in an equation to have it solved automatically in their note body.
An updated Calculator app lets users see previous calculations with history, and gives them the ability to see their expressions as they type.
Calendar shows events and tasks from Reminders , making it easy to see, edit, or complete tasks throughout the day. An updated Month View makes it easier to see events and reminders for an entire month at a glance.

A user’s MacBook Pro shows the updated Messages experience.

Text of this article

June 10, 2024

PRESS RELEASE

The Mac experience gets better than ever with iPhone Mirroring, big updates to Safari, highly anticipated games, and Apple Intelligence to deliver all-new capabilities

CUPERTINO, CALIFORNIA Apple today previewed macOS Sequoia , the next version of the world’s most advanced desktop operating system, bringing entirely new ways of working and transformative intelligence features to Mac. macOS Sequoia is full of exciting new capabilities, including iPhone Mirroring, which expands Continuity by enabling full access to and control of iPhone directly from macOS. Safari gets another big update with the new Highlights feature for effortless information discovery on webpages while browsing. The new Passwords app makes it even easier to access passwords and organize credentials all in one place. Gaming advances with a more immersive experience, as well as a breadth of new titles, including Assassin’s Creed Shadows, Frostpunk 2, and more.

macOS Sequoia also introduces Apple Intelligence , the personal intelligence system for Mac, iPhone, and iPad that combines the power of generative models with personal context to deliver intelligence that’s incredibly useful and relevant. Built with privacy from the ground up, Apple Intelligence is deeply integrated into macOS Sequoia, iOS 18, and iPadOS 18. It understands and creates language and images, takes action across apps, and draws from personal context, simplifying and accelerating everyday tasks. Taking full advantage of the power of Apple silicon and the Neural Engine, Apple Intelligence will be supported by every Mac with an M-series chip. 1

“The all-star combination of the power of Apple silicon and the legendary ease of use of macOS have made the Mac more capable than ever. Today, we’re excited to take macOS to new heights with macOS Sequoia, a big release that elevates productivity and intelligence,” said Craig Federighi, Apple’s senior vice president of Software Engineering. “macOS Sequoia ushers in Apple Intelligence, unlocking incredible new features that will be a game changer for working on Mac. And with more ways to help users effortlessly get things done, new Continuity features like iPhone Mirroring, major updates to Safari, and a host of new games, we think Mac users are going to love it.”

macOS Sequoia makes Continuity even more magical with iPhone Mirroring, which allows users to fully access and engage with their iPhone — right from their Mac. A user’s custom wallpaper and icons appear just like on their iPhone, and they can swipe between pages on their Home Screen, or launch and browse any of their favorite apps. The keyboard, trackpad, and mouse on Mac also let a user interact with their iPhone, and audio even comes through. Users can seamlessly drag and drop between iPhone and Mac, and a user’s iPhone remains locked, so nobody else can access or see what the user is doing. It also works great with StandBy, which stays visible, so users can get information at a glance. Additionally, users can review and respond to iPhone notifications directly from their Mac.

Safari, the world’s fastest browser, 2 now offers Highlights, an even easier way to discover information on the web, such as directions, summaries, or quick links to learn more about people, music, movies, and TV shows. A redesigned Reader includes even more ways to enjoy articles without distractions, featuring a streamlined view of the article a user is reading, a summary, and a table of contents for longer articles. And when Safari detects a video on the page, Viewer helps users put it front and center, while still giving them full access to system playback controls, including Picture in Picture.

A stellar lineup of games is coming to Mac — including the highly anticipated Assassin’s Creed Shadows, the next installment in Ubisoft’s blockbuster series — alongside new features like Personalized Spatial Audio that make gaming even more immersive.

Users can stay organized with new ways to arrange windows into a layout that works best for them. When a user drags a window to the edge of the screen, macOS Sequoia automatically suggests a tiled position on their desktop. Users can release their window right into place, quickly arrange tiles side by side, or place them in corners to keep even more apps in view. And new keyboard and menu shortcuts help users organize tiles even faster.

The new presenter preview makes it easier to present, letting users see what they’re about to share before they share it, and works with apps like FaceTime and Zoom. Users can also apply beautiful built-in backgrounds, including a variety of color gradients and system wallpapers, or upload their own photos. Background replacements can be applied during a video call in FaceTime or in third-party apps like Webex, and with Apple’s industry-leading segmentation, users will look their best when on a call.

Built on the foundation of Keychain, which was first introduced over 25 years ago, macOS Sequoia brings Passwords, a new app that makes it even easier to access passwords, passkeys, Wi-Fi passwords, and other credentials all in one place. iCloud syncing is backed by secure end-to-end encryption. Passwords works great with Safari, and seamlessly syncs between a user’s Apple devices and Windows with the iCloud for Windows app.

Deeply integrated into macOS Sequoia and built with privacy from the ground up, Apple Intelligence unlocks new ways for users to enhance their writing and communicate more effectively. With brand-new systemwide Writing Tools built into macOS Sequoia, users can rewrite, proofread, and summarize text nearly everywhere they write, including Mail, Notes, Pages, and third-party apps.

New image capabilities make communication and self-expression even more fun. With Image Playground, users can create playful images in seconds, choosing from three styles: Animation, Illustration, or Sketch. Image Playground is easy to use, built right into apps like Messages, and also available in a dedicated app.

Memories in Photos lets users create the stories they want to see just by typing a description. Apple Intelligence will pick out the best photos and videos based on the description, craft a storyline with chapters based on themes identified from the photos, and arrange them into a movie with its own narrative arc. In addition, a new Clean Up tool can identify and remove distracting objects in the background of a photo — without accidentally altering the subject.

With the power of Apple Intelligence, Siri takes a major step forward, becoming even more natural, contextually relevant, and personal. Additionally, users can type to Siri, and switch between text and voice to communicate with Siri in whatever way feels right for the moment — making the Siri experience on Mac incredibly easy and seamless.

With Private Cloud Compute, Apple sets a new standard for privacy in AI, with the ability to flex and scale computational capacity between on-device processing and larger, server-based models that run on dedicated Apple silicon servers. When requests are routed to Private Cloud Compute, data is not stored or made accessible to Apple, and is only used to fulfill the user’s requests, and independent experts can verify this privacy promise.

Additionally, access to ChatGPT is integrated into Siri and systemwide Writing Tools across Apple’s platforms, allowing users to access its expertise — as well as its image- and document-understanding capabilities — without needing to jump between tools.

Additional features in macOS Sequoia include:

Availability

The developer beta of macOS Sequoia is available through the Apple Developer Program at developer.apple.com starting today, and a public beta will be available through the Apple Beta Software Program next month at beta.apple.com . The release will be available as a free software update this fall. Apple Intelligence will be available in beta on iPhone 15 Pro, iPhone 15 Pro Max, and iPad and Mac with M1 and later, with Siri and device language set to U.S. English, as part of iOS 18, iPadOS 18, and macOS Sequoia this fall. For more information, visit apple.com/macos/macos-sequoia-preview and apple.com/apple-intelligence . Features are subject to change. Some features are not available in all regions, all languages, or on all devices. For more information about availability, visit apple.com .

Users with an eligible iPhone, iPad, or Mac with Siri and device language set to English (U.S.) can sign up this fall to access the Apple Intelligence beta.
Testing was conducted by Apple in May 2023. See apple.com/safari for more information.

Press Contacts

Michelle Del Rio

[email protected]

Starlayne Meza

[email protected]

Apple Media Helpline

[email protected]

Images in this article

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 immersive 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 .

A beautiful garden rendered in created graphics. There's a tree with bright red leaves. A blue sky full of puffy white clouds. Bright green grass, with a path leading by plants and garden sculpture. It's a world created in WebXR.

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.

We are in a rendered 3d environment, in a garden. We look at a chess board, with a real human hand lifting a rendered chess piece to make the next move in the game. A floating panel has two buttons reading "Leave garden" and "Reset game".

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.

A simple menu of links, each represented by a word, laid out in two lines of centered text.

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.

Diagram showing the difference between safe and default layout of the same menu, when the space for it is so narrow every word in on its own line, and some of the long words start to get chopped off.

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 family blows out candles on a birthday cake in a photo — that's floating in a frame in midair, in a living room. This is a still from the WWDC23 Keynote that introduced Apple Vision Pro. It's an example of how spatial photos work.

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.

A video playing in a Safari window, where the video is enlarged to fill almost all of the space. The rest of the web page content is mostly hidden behind a dark translucent overlay.

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 .

Microsoft Research Blog

Introducing autogen studio: a low-code interface for building multi-agent workflows.

Published June 17, 2024

By Victor Dibia , Principal Research Software Engineer Gagan Bansal , Senior Researcher Jingya Chen , UX Designer Suff Syed , Principal Design Director Adam Fourney , Principal Researcher Erkang (Eric) Zhu , Senior Researcher Chi Wang , Principal Researcher Saleema Amershi , Senior Principal Research Manager

Share this page

Share on Facebook
Share on Twitter
Share on LinkedIn
Share on Reddit
Subscribe to our RSS feed

White icons representing (from left to right) agents (multi), workflow, tasks, and coding on a blue to purple to pink gradient background.

Multi-agent approaches to AI applications, where multiple foundation model-based agents collaborate to solve problems, are emerging as a powerful paradigm for accomplishing increasingly complex tasks. In September 2023, we released AutoGen – a flexible and open-source Python-based framework for defining, configuring, and composing AI agents to drive multi-agent applications. Today, we are introducing AutoGen Studio (version 0.1.0) – a low-code interface for rapidly building, testing, and sharing multi-agent solutions. AutoGen Studio is built on AutoGen and inherits its features and functionalities, while providing a user-friendly and intuitive interface to create and customize agents, with little to no coding required.

Project AutoGen

During the nine months since it was released, AutoGen (opens in new tab) has been widely adopted by researchers, developers, and enthusiasts who have created a variety of novel and exciting applications (opens in new tab) – from market research to interactive educational tools to data analysis pipelines in the medical domain. With more than 290 community contributors on GitHub and 890,000 downloads of the Python package (as of May 2024), AutoGen continues to be a leading framework for building and researching multi-agent AI applications.

AutoGen Studio user interface: PDF Book Gen Session

AutoGen Studio is the next step forward in enabling developers to advance the multi-agent paradigm. We want to make multi-agent solutions responsibly available to diverse audiences – from academic researchers to professional developers across industries – who want to build multi-agent applications to solve real-world problems. Imagine having access to agents that can automate your vacation planning and grocery shopping, manage your personal finances, help you accomplish your learning goals, or perform any other task you care about. How would you build such agents? What capabilities would you give them? How would you make them work together? How would you ensure they are working as intended?

Download AutoGen Studio

These questions motivated us to build AutoGen Studio. With AutoGen Studio, developers can rapidly build, test, deploy, and share agents and agent-teams (workflows), with the community.

Note : AutoGen is primarily a developer tool to enable rapid prototyping and research. It is not a production ready tool. Please see the GitHub repository (opens in new tab) and documentation (opens in new tab) for instructions on how to get started.

What can you do with AutoGen Studio right now?

We built AutoGen Studio with the following goals in mind:

Lower the barrier to entry in building multi-agent applications
Facilitate rapid prototyping and testing of multi-agent solutions
Cultivate expertise and community by allowing users to share and re-use this technology

With AutoGen Studio’s early release (v 0.1.0), users can rapidly author agent workflows via a user interface, interactively test and debug agents, reuse artifacts, and deploy workflows.

Rapidly author agent workflows

AutoGen Studio provides a “Build” section where users can choose from a library of pre-defined agents and compose them into teams (workflows) that can address tasks in minutes. Furthermore, users can customize agents and agent teams with foundation models, prompts, skills (python functions that accomplish a specific task e.g., fetching the weather from a weather provider), and workflows via a graphical user interface. Workflows may be sequential (where agents act in a predefined sequential order) or autonomous chat (where the order in which agents act may be driven by a large language model, custom logic, all based on the state of the task).

AutoGen Studio user interface: agent configuration

Debug and test agents

AutoGen Studio allows developers to immediately test workflows on a variety of tasks and review resulting artifacts (such as images, code, and documents). Developers can also review the “inner monologue” of agent workflows as they address tasks, and view profiling information such as costs associated with the run (such as number of turns and number of tokens), and agent actions (such as whether tools were called and the outcomes of code execution).

Artifact reuse and deployment

Users can download the skills, agents, and workflow configurations they create as well as share and reuse these artifacts. AutoGen Studio also offers a seamless process to export workflows and deploy them as application programming interfaces (APIs) that can be consumed in other applications deploying workflows as APIs.

Specifically, workflows can be exported as JavaScript Object Notation (JSON) files and loaded into any python application, launched as an API endpoint from the command line or wrapped into a Dockerfile that can be deployed on cloud services like Azure Container Apps or Azure Web Apps.

AutoGen Studio user interface: export workflow

Microsoft Research Podcast

What’s Your Story: Jacki O’Neill

Jacki O’Neill saw an opportunity to expand Microsoft research efforts to Africa. She now leads Microsoft Research Africa, Nairobi (formerly MARI). O’Neill talks about the choices that got her there, the lab’s impact, and how living abroad is good for innovation.

What is the community creating with AutoGen Studio?

Over the last few months, we have shared an early version of AutoGen Studio, which has been downloaded more than 154,000 times on pypi (January – May 2024). Our observations of early usage patterns (based on feedback from social platforms like GitHub discussions (opens in new tab) , Discord (opens in new tab) and Youtube (opens in new tab) (opens in new tab) ) suggest that AutoGen Studio is driving a new group of users who have basic technical capabilities (that is, they can install the tool) and are interested in rapidly testing out ideas but have limited programming skills.

We have seen these users prototype examples covering tasks like travel planning, pdf brochure generation, market research, structured data extraction, video generation, and visualization generation among others. Importantly, these tasks are accomplished simply by defining agents, giving them access to large language models and skills, adding agents to a workflow, and running tasks with these workflows.

Open research questions and next steps

Orchestrating teams of agents that can explore plans, reflect on actions, and collaborate offers opportunities to build tools that address challenging tasks. We believe that we are just scratching the surface of what may be possible with the multi-agent paradigm, and much is unknown about how best to harness foundation models, let alone foundation model-based agents and multi-agent solutions.

This leaves open many opportunities for further research.

For example, the sophisticated interplay between agents in multi-agent paradigms, particularly for increasingly more complex and dynamic domains, highlights many opportunities for multi-agent evaluation and tooling. Open questions include:

How can we measure the performance, reliability, and reusability of agents across tasks?
How can we better understand the strengths and limitations of agents?
How can we explore alternative scenarios and outcomes?
How can we compare different agent architectures and collaboration protocols?

These questions require novel methods and metrics that can capture the multi-faceted aspects of multi-agent paradigms and provide actionable insights for developers and users.

As our understanding of the multi-agent paradigm matures, another opportunity is in distilling design patterns and best practices for building effective agent teams for different types of tasks. For instance:

What are the optimal number and composition of agents for a given problem?
What is the best way to distribute responsibilities and coordinate actions among agents?
What are the trade-offs between centralized and decentralized control, or between homogeneous and heterogeneous agents?
How can we leverage human oversight and feedback to improve agent reliability and safety?

These questions require systematic studies and empirical evaluations to discover the key dimensions and principles for designing multi-agent solutions.

Finally, as agents become more long-lived and ubiquitous in our digital world, an open challenge is in automating and optimizing the agent-creation process itself. For example:

How can we dynamically spawn agents based on the task requirements and available resources?
How can we tune agent parameter workflow configurations to achieve the best performance?
How can we adapt agent teams to changing environments and user preferences?

Future design improvements

Naturally, we see AutoGen Studio as a potential vehicle to study many of these research questions – from improvements in the user experience of authoring workflows to a gallery of shareable artifacts to advanced tools for making sense of agent behaviors.

We are currently working on a new drag-and-drop experience in AutoGen Studio, designed to transform how users’ author multi-agent workflows. Our new visual canvas allows users to easily orchestrate and connect agents, providing an intuitive interface for defining collaboration dynamics.

AutoGen Studio user interface: visual workflow design

Visual workflow design: The heart of our enhanced user interface is a visual canvas where you can literally see your workflow come to life. Drag and drop different agents onto the canvas to build complex conversation patterns. This graphical approach not only simplifies the initial setup but also makes the process of modifying agents and workflows more intuitive.

A new visual canvas interface for AutoGen that allows users to both visualize agent interactions as well as update properties of each agent in the same view pane.

Configurable agents, models, and skills: Customize each agent’s role and skills through simple, direct interactions on the canvas. Whether you’re adding new capabilities or tweaking existing ones, the process is straightforward and user-friendly.

AutoGen Studio user interface: dynamic prototyping and testing

Dynamic prototyping and testing: Experimentation is key to perfecting agent workflows. With our new interface, you can prototype various agent configurations and immediately test them in a live environment. This real-time interaction allows you to chat with the workflow, observe all agent messages, and pinpoint areas for improvement on the fly.

Finally, we are developing a community gallery within AutoGen Studio where users can share, discover, and learn from one another. This gallery will allow you to publish your workflows, agents, and skills, fostering a collaborative environment where everyone can benefit from shared knowledge and innovations.

Note on responsible AI: Promoting safe and ethical multi-agent solutions

AutoGen Studio is designed to provide a low-code environment for rapidly prototyping and testing multi-agent workflows. Our goal is to responsibly advance research and practice in solving problems with multiple agents and to develop tools that contribute to human well-being. Along with AutoGen, AutoGen Studio is committed to implementing features that promote safe and reliable outcomes. For example, AutoGen Studio offers profiling tools to make sense of agent actions and safeguards, such as support for Docker environments for code execution. This feature helps ensure that agents operate within controlled and secure environments, reducing the risk of unintended or harmful actions. For more information on our approach to responsible AI in AutoGen, please refer to transparency FAQS here: https://github.com/microsoft/autogen/blob/main/TRANSPARENCY_FAQS.md (opens in new tab) . Finally, AutoGen Studio is not production ready i.e., it does not focus on implementing authentication and other security measures that are required for production ready deployments.

Acknowledgements

We would like to thank members of the open-source software (OSS) community and the AI Frontiers organization at Microsoft for discussions and feedback along the way. Specifically, we would like to thank Piali Choudhury , Ahmed Awadallah , Robin Moeur, Jack Gerrits , Robert Barber, Grace Proebsting, Michel Pahud , and others for feedback and comments.

Meet the authors

Victor Dibia

Principal Research Software Engineer

Gagan Bansal

Senior Researcher

Jingya Chen

UX Designer

Principal Design Director

Adam Fourney

Principal Researcher

Erkang (Eric) Zhu

Saleema Amershi

Senior Principal Research Manager

Continue reading

Research Focus: Week of June 10, 2024

Microsoft Research Forum | Episode 3 | panel discussion

Microsoft Research Forum Episode 3: Globally inclusive and equitable AI, new use cases for AI, and more

MatterGen: Property-guided materials design

AutoGen: Enabling next-generation large language model applications

Research areas.

Related tools

Related projects, related labs.

AI Frontiers
Follow on Twitter
Like on Facebook
Follow on LinkedIn
Subscribe on Youtube
Follow on Instagram

Share this page:

Allow your AI Agent to call Microsoft Graph APIs securely with Microsoft Entra ID

Fabian alves.

June 10th, 2024 0 1

In this blog post, we introduce a new plugin in the Chat Copilot sample app from the Semantic Kernel team. This plugin demonstrates how to allow an AI Agent to call APIs secured by Microsoft Entra ID using the On-Behalf-Of (OBO) flow .

We cover what this plugin is, why it was created it, and how you can build on this sample to create your own AI Agents capable of calling APIs secured by Microsoft Entra ID.

What is the Microsoft Graph OBO sample plugin?

This new plugin enables an app to act as an AI Agent that can call Microsoft Graph APIs adhering to Zero Trust principles. The sample plugin includes code, setup instructions, and deployment scripts.

However, it’s important to note the following considerations:

The sample currently only implements read operations (GET requests) to Microsoft Graph APIs.
The sample is not ready for production and should only be used for learning purposes.

Why was this plugin created?

This new plugin demonstrates the correct authorization flow to use in AI Agent scenarios by implementing the OBO Flow.

The OAuth 2.0 On-Behalf-Of (OBO) flow is an extension of the OAuth 2.0 authorization framework that enables a client application to request an access token using a previously obtained token. This is particularly useful in scenarios where a user’s authentication is required for one service, but that service needs to access another service, on behalf of the user, without requiring the user to reauthenticate.

The original Microsoft Graph version of the plugin only allowed a user to call specific “/me” endpoints and could only call APIs that require delegated permission, making it impossible to call APIs that require application permission.

Here are a few key points that show the benefits of using the On-Behalf-Of Flow:

The API is called using the identity of the end user, which adheres to the “Use least privilege access” principle of Zero Trust .
Users can consume any API given Admin Consent and permissions are configured.

Sample scenarios

User, groups, and apps.

This scenario shows an instance of a Chat Copilot app configured to call Graph API V1 that reads users, groups, and app registration objects.

In the video below, we show a set of simple interactions asking the AI Agent to obtain and summarize information obtained from these APIs.

For this scenario to work the web API must have the following permissions configured with admin consent granted:

Application.Read.All
Directory.Read.All
Group.Read.All
User.Read.All

Also, the user accessing the Chat Copilot app must have the following roles assigned, directly, or through a group assignment:

Directory Readers
Application Administration
Groups Administrator

How to run the sample plugin in the Chat Copilot app

To get started with the sample plugin, follow these steps:

Clone the Repository: Clone the Chat Copilot repository to your local machine.
Setup: Use the README.md files to set up the application. The setup instructions guide you through configuring the web app, web API, and enabling the MS Graph OBO plugin.

How to test a specific scenario

Admin consent is given for the set of APIs for the scenario to test: Review step 2 of the setup instructions in the MS Graph OBO plugin README.md file
Give permissions to the users: Create a group and assign the roles required to call the APIs. Add a user to that group. See “Users, groups, and apps” sample scenario above for details.
Log in to the app: Access the Copilot Chat application and log in.
Enable the MS Graph OBO plugin: Follow the test instructions in the README.md file .
Update the persona definition: Follow the test instructions in the README.md file .

Three steps to create your own AI Agent

You now have all the information you need to get started with your own AI Agent communicating with Microsoft Graph in just three simple steps:

Create your own AI Agent by leveraging this sample plugin: Use the sample code as a template to create your own plugin and integrate it as a kernel function within your Copilot Chat WebApp.
Configure the set of APIs in Microsoft Entra ID: Follow the instructions in the README.md file.
Change the “persona” definition in the Chat Copilot app to let the AI Agent know that it has this new capability: Update the sample persona definition in the Chat Copilot app to include your own plugin capabilities. You can find the persona definition used in this sample in step 3 of Test Instructions in README.md file .

Let’s recap

This sample plugin demonstrates how to use the On-Behalf-Of flow in an AI Agent scenario using Microsoft Graph APIs that can be extended to any API secured in a Microsoft Entra ID tenant. It allows you to create “scenarios” by grouping a set of APIs, giving admin consent, assigning roles, and refining the prompt for the persona.

For detailed setup instructions and more information, refer to the main README.md file included in the repository.

To learn more or test out other features in the Microsoft Entra portfolio, visit our  developer center . Make sure you subscribe to the  Identity blog  for more insights and to keep up with the latest on all things Identity. And, follow us on  YouTube  for video overviews, tutorials, and deep dives.

Happy coding!

Insert/edit link

Enter the destination URL

Or link to existing content

Planned Release Date: To be announced

About this game, system requirements.

Additional Notes: TBA

More like this

What curators say.

You can write your own review for this product to share your experience with the community. Use the area above the purchase buttons on this page to write your review.

You can use this widget-maker to generate a bit of HTML that can be embedded in your website to easily allow customers to purchase this game on Steam.

Enter up to 375 characters to add a description to your widget:

Copy and paste the HTML below into your website to make the above widget appear

Popular user-defined tags for this product: (?)

IMAGES

How to Change User-Agents in Chrome, Edge, Safari & Firefox
How to Change User Agent in Safari
How to Change User-Agent in Chrome, Firefox, Safari, and more
How to Change User Agent in Safari
How to Change User-Agents in Chrome, Edge, Safari & Firefox
User Agent For Mac Safari

VIDEO

Change User Agent (Safari)
How to Make Safari Look Clean and Minimalistic

COMMENTS

How to Change User Agent in Safari
The Safari Preferences menu Advanced tab. At the bottom of the Advanced tab, checkmark the checkbox for the setting Show Develop menu in menu bar.; 2. Access Develop Menu to View User Agents. If you already have the Develop menu on your Safari browser for Mac, no need to perform the above steps.
How to use the Safari Develop Menu on a Mac
To use it you must enable it in Safari Preferences. Click on the Advanced tab and check the box beside the phrase "Show Develop menu in menu bar" at the bottom of the pane. You will now see a ...
How to Change User-Agents in Chrome, Edge, Safari & Firefox
How To Change User-Agent On Safari. 1. Go To Preferences. Screenshot by author, May 2024. 2. Enable Develop Menu Bar. Go to Advanced and check Show Develop menu in menu bar. Screenshot by author ...
How to Change User Agent in Mac Safari Browser?
Open Safari Settings. Go to "Advanced" tab and enable "Show features for web developers" option showing at the bottom. Advanced Safari Settings. Close Safari Settings pop-up and now you will see a "Develop" menu added to the browser. Click on "Develop" menu and hover over "User Agent" to view a list of items.
Safari Web Inspector Guide
User Agent—Browsers send a user agent string that identifies the browser type and version to the server. The same string is sent in response to a JavaScript request for the user agent string. Use this menu item to modify the user agent string Safari sends, to simulate visiting your site using a different browser or device type.
How to Change Your Browser's User Agent Without ...
Click Develop > User Agent and select the user agent you want to use in the list. If the user agent you want to use isn't shown here, select "Other" and you can provide a custom user agent. You can find extensive lists of user agents on various websites, such as this one . This option only applies to the current tab.
browser
The user agent doesn't change how Safari renders a page, it just changes what browser Safari pretends to be when making the HTTP request, and when calling navigator.userAgent in JavaScript. Some web servers and some JavaScript on web pages will change their behavior based on the user agent (which is generally a bad idea), and so sometimes if a ...
How to Change Safari's User Agent on OS X
First, open Safari's preferences from the "Safari" menu or with "Command + ,". With the preferences open, click on the "Advanced" tab. At the very bottom, you want to check the box next to "Show Develop menu in the menu bar" and then exit out of the preferences. Now Safari will have a new menu devoted solely to development tools.
What are the latest user agents for Safari?
The latest user agents for Safari. Apple's Safari web browser runs on mobile devices (iPhones, iPads and iPod Touches) and macOS computers. Depending on which platform you're using (or want to pretend you're using!) the user agent will be a bit different. Here we have the latest user agents for Safari on mobile and computer platforms.
User-Agent
The User-Agent request header is a characteristic string that lets servers and network peers identify the application, operating system, vendor, and/or version of the requesting user agent. ... A product identifier — its name or development codename. <product-version> Version number of the product. ... the user agent string is mobile Safari's ...
Develop menu
The Develop menu is home to the tools available to design and develop web content in Safari, as well as web content used by other applications on your Mac and other devices. ... You can change the User Agent to ensure that your site behaves the same regardless of the reported User Agent, or to debug a webpage that uses the User Agent string to ...
How do I set User Agent for a particular …
To get started, you'll want to follow Use the developer tools in the Develop menu in Safari on Mac to get the Develop menu enabled in Safari. Once that is enabled, make sure Safari is your active application and click on the Develop menu. You should see User Agent as an option there.
How to Change the User Agent in Safari for Mac
Pull down the new menu by clicking on "Develop" in the menu bar. Then select "User Agent," and you should see a list of the predefined user agents that you can use right away with your browser. Click on any and it will be selected. If you can't find the user agent you want to use, click on "Other" in the menu, and it will let you ...
internet Explorer user agent
Develop menu problem in Safari When I have the develop menu turned on in Safari, new windows or tabs default to Mozilla 4.0 setting. Turning off the develop menu locks this behavior in. My IT people are complaining that I'm running an old insecure browser.
User Agent in Safari on iPadOS
During authentication flow in Safari, we have a case when in order to satisfy a condition policy, user needs to install the app on his device. Depending on the OS, we ask him to install different applications. Since on iPadOS User Agent in Safari is same as on MacOS Catalina, what is recommened way to distinguish OS on server side? iPadOS:
How to Change User-Agent in Chrome, Firefox, Safari, and more
Here's how: Go to Preferences from the Safari menu. Here move to the Advanced tab and check the checkbox next to the Show Develop menu in the menu bar option. A new Develop menu will appear on the menu bar next to Bookmarks; click on it and hover the mouse cursor over the User Agent option.
Parse a user agent
Parse a User Agent String. Every time your web browser makes a request to a website, it sends a HTTP Header called the " User Agent ". The User Agent string contains information about your web browser name, operating system, device type and lots of other useful bits of information. But every browser sends its user agent in a different format ...
Permanently change Safari Custom User Agent editing the plist file
3. I need help with changing Safari's user agent permanently by editing the plist file. Usually one would go to Preferences > Advanced > Show Developer mode in menu bar. Then Develop > User Agent > Chrome - Windows for example. However, when you open a new tab or window, this goes back to Default (Safari). This is expected behaviour.
How to Activate User Agent Switcher in Safari
Click to select the check box labeled Show Develop Menu in Menu Bar. The cursor is pointing to it in this figure. The Develop menu option is added to the top menu bar. If you don't see the menu at the top of the Safari web browser, be sure to select the Show Menu Bar option from the general menu. When this option is selected, the name changes ...
User Agents
Welcome to The User Agent Knowledgebase. We've been decoding user agents for more than 13 years and we've seen it all - the good, the bad and the downright weird! This website is a collection of resources dedicated to understanding and working with user agents, including the new proposal which may end up eliminating user agents: Client Hints. As well as this, we've also got resources (such as ...
Safari's user agent: which WebKit version to trust?
The Version/xxx Safari/xxx section tells you which version of the "Browser Frontend" is being used. Webkit nightly builds run the currently installed Safari frontend with the latest nightly rendering engine doing the rendering. This is why you can get different AppleWebKit/xxx numbers with the same Version/xxx Safari/xxx.
How to Change User-Agents in Chrome, Edge, Safari & Firefox
Whether or not you're an SEO professional, marketer, or net developer, you would possibly usually want to vary your browser's user-agent to check various things.. For instance, think about you're working a MAC-OS-specific marketing campaign. To seek out out in case your marketing campaign is working correctly and never concentrating on Linux customers, altering the user-agent of your ...
What's My User Agent?
Useragent is a small piece of data that is sent by your web browser when accessing a website or application. It is used to identify the type of browser you are using, what device and operating system you are using, and the version of the browser you are using. This information is important for websites and applications to ensure optimal ...
macOS Sequoia takes productivity and intelligence on Mac to new ...
On a user's MacBook Pro, the new Highlights feature in Safari is shown. On a user's MacBook Pro, Safari shows the redesigned Reader, with a table of contents and a summary on the right-hand side of their window. On a user's MacBook Pro, Viewer puts a video about woodworking front and center.
News from WWDC24: WebKit in Safari 18 beta
Safari on visionOS 2 beta supports immersive-vr sessions. WebXR scenes are displayed using hardware-accelerated graphics driven by WebGL. Try out the Chess Garden demo to see WebXR in action. 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 ...
Introducing AutoGen Studio from Microsoft Research
A screenshot of the AutoGen Studio interface shows results when two agents are used to address the task, "Create a 4-page kids' .pdf book with details and pictures about weather patterns in Seattle". AutoGen Studio is the next step forward in enabling developers to advance the multi-agent paradigm.
Allow your AI Agent to call Microsoft Graph APIs securely with
In this blog post, we introduce a new plugin in the Chat Copilot sample app from the Semantic Kernel team. This plugin demonstrates how to allow an AI Agent to call APIs secured by Microsoft Entra ID using the On-Behalf-Of (OBO) flow.. We cover what this plugin is, why it was created it, and how you can build on this sample to create your own AI Agents capable of calling APIs secured by ...
Perfect Dark on Steam
Popular user-defined tags for this product: ... Developer: The Initiative. Publisher: Xbox Game Studios. Release Date: ... disasters, bringing ecosystems around the world to the verge of collapse. Become Joanna Dark, dataDyne's elite agent as she hunts down the world's most wanted criminal, Daniel Carrington to uncover the mysteries behind ...
Character AI: Everything You Need To Know (2024)
What is Character AI? Character AI is an artificial intelligence chatbot web application that uses neutral language models to generate text responses, allows for user-developed characters, and allows you to chat with fictional, historical, and celebrity figures in a dialogue. Unlike other AI chatbots, such as ChatGPT, Character AI's output is more human-like and allows you to chat with more ...
Experimenting with Multi-Agent Software Development: Towards a Unified
However, it is still difficult to develop a cohesive platform that consistently produces the best outcomes across all stages. The objective of this study is to develop a unified platform that utilizes multiple artificial intelligence agents to automate the process of transforming user requirements into well-organized deliverables.

Our Network

How to use the Safari Develop Menu on a Mac

What is the Safari Develop Menu?

You can empty Safari caches

You can swiftly launch websites in different browsers

You can pretend to be using a different browser

You can figure out why some sites suck system resources

You can see what a site looks like on an iPhone

One more thing

Related content

Most popular authors

Show me more

What is a CAIO — and what should they know?

Microsoft delivers a light Patch Tuesday for June

Podcast: Apple joins the AI party with 'personal intelligence' tools

Podcast: Is the AI hype justified or will the bubble ‘burst’?

Podcast: Does age discrimination exist in the tech industry?

Apple joins the AI party with 'personal intelligence' tools

Is the AI hype justified or will the bubble 'burst'?

Does age discrimination exist in the tech industry?

How to Change User Agents in Chrome, Edge, Safari & Firefox

What Is A User-Agent?

How To Change Your User-Agent On Chrome & Edge

1. Right Click Anywhere On Webpage > Inspect

2. Choose More Tools > Network Conditions

3. Uncheck Select Automatically Checkbox

4. Choose One Among The Built-In User-Agents List

How To Change User-Agent On Safari

2. Enable Develop Menu Bar

3. Navigate To Develop > User-Agent

How To Change User-Agent In Firefox

User-Agents Are Easy To Spoof

What is a user agent?

What is user-agent spoofing?

How does changing the user-agent help SEO professionals?

Can changing your browser’s user-agent pose a security risk?

More resources:

Subscribe To Our Newsletter.

How to Change User Agent in Mac Safari Browser?

User Agents

Changing User Agent in Safari Mac

Available and Custom User Agents

Testing Websites

About Nagasundaram Arumugham

You also might be interested in

11 Ways to Use Right Click Context Menu in Google Chrome

How to Use Guest Account in Google Chrome?

How to Change System Date and Time Formats in Mac?

DOWNLOAD EBOOKS

TRENDING TECH ARTICLES

POPULAR WEB TUTORIALS

FREE SEO TOOLS

How-To Geek

You Can Now Listen To Websites Using Chrome

Changing Your User Agent on Safari

The latest user agents for Safari

Latest Safari on macOS User Agents

Build numbers and OS version numbers

Database of user agents

Clear cache & history

What is a cache?

Is it safe to clear my cache?

Update my web browser

Why should I update my browser?

Is it free to update Chrome?

What does it mean to update your Browser?

Get help with our guides

How to enable Cookies

Related articles

Why do websites use cookies?

How to update your browser

Clear Cache, Cookies and History

Try a different web browser

Use a VPN to hide your IP address

Firefox UA string

Chrome UA string

Opera UA string

Microsoft Edge UA string

Safari UA string

Crawler and bot UA strings