How can you detect the client's browser name?

To detect a client's browser name, you can use JavaScript's navigator object. Here are the steps:

1. Access the navigator object. This object holds information about the client's browser.

var browser = navigator;

2. Access the userAgent property of the navigator object. This property returns a string that represents the browser name and version, and the operating system.

var browserName = browser.userAgent;

3. Now, browserName contains a string that represents the client's browser name and version, and the operating system. You can use this string to detect the browser name. For example, you can check if this string contains 'Chrome', 'Firefox', 'Safari', 'Opera', 'MSIE', 'Trident', 'Edge', etc.

if(browserName.indexOf('Chrome') > -1){
    console.log('Google Chrome');
} else if(browserName.indexOf('Firefox') > -1){
    console.log('Mozilla Firefox');
} else if(browserName.indexOf('Safari') > -1){
    console.log('Apple Safari');
} else if(browserName.indexOf('Opera') > -1 || browserName.indexOf('OPR') > -1){
    console.log('Opera');
} else if(browserName.indexOf('MSIE') > -1 || browserName.indexOf('Trident') > -1){
    console.log('Internet Explorer');
} else if(browserName.indexOf('Edge') > -1){
    console.log('Microsoft Edge');
} else {
    console.log('Unknown browser');
}

Please note that this method is not 100% reliable because the userAgent string can be easily spoofed (faked). For most use cases, it's recommended to use feature detection (checking if a certain feature is available or not) instead of browser detection.