Vue Js Get Browser User Agent Agent : The navigator.userAgent property of the Vue.js API returns information about the user agent, such as the browser name, platform, and version The user-agent header identifies the type of browser, its version number, and details about the device’s operating system The Navigator userAgent property is a read-only property of the window.navigator object and is used to detect the type of browser being used by the user We’ll explain how to obtain the user-agent header that was sent by the browser in this tutorial.
this.result = "User-agent Browser : " + navigator.userAgent;
How to detect the user’s browser in Vue.js?
Detecting the user’s browser in Vue.js can be done using the navigator object, which is a built-in browser API that contains information about the user’s device and current environment. In Vue.js, detecting a user’s browser can be done by using the window.navigator.userAgent property of the browser’s window object
<div id="app">
<button @click="myFunction">click me</button>
<p>{{result}}</p>
</div>
<script type="module">
import { createApp } from "vue";
createApp({
data() {
return {
result: "",
};
},
methods: {
myFunction() {
this.result = "User-agent Browser : " + navigator.userAgent;
},
},
}).mount("#app");
</script>
Output of above example
