掘金 JavaScript 20 个超实用的单行代码杀手锏，前端开发必备

JavaScript 20 个超实用的单行代码杀手锏，前端开发必备

JavaScript 是一种广泛应用于前端开发的编程语言。它具有语法简洁、功能强大、跨平台等优点，深受开发人员的喜爱。在日常开发中，我们经常会遇到各种各样的问题，需要编写代码来解决。为了提高开发效率，我们可以使用一些实用的单行代码杀手锏来简化代码。

本文列举了 20 个这样的代码杀手锏，涵盖了各种常见的任务，如获取浏览器 Cookie 的值、将 RGB 转换为十六进制、复制内容到剪贴板等。这些代码小而精悍，但非常有用，可以帮助您在开发过程中节省时间和精力。

1. 获取浏览器 Cookie 的值

document.cookie.split('; ').find(row => row.startsWith('your_cookie_name=')).split('=')[1];

2. 将 RGB 转换为十六进制

`#${[...arguments].map(x => x.toString(16).padStart(2, '0')).join('')}`;

3. 复制内容到剪贴板

navigator.clipboard.writeText(text);

4. 从剪贴板读取内容

navigator.clipboard.readText();

5. 检测设备是否为移动设备

/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);

6. 检测设备是否为桌面设备

! /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);

7. 检测设备是否为平板电脑

/iPad|Android|webOS|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) && !/iPhone/i.test(navigator.userAgent);

8. 检测设备是否为手机

/iPhone|Android|webOS|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) && /iPhone/i.test(navigator.userAgent);

9. 检测设备是否为 Windows 系统

/Win/i.test(navigator.platform);

10. 检测设备是否为 macOS 系统

/Mac/i.test(navigator.platform);

11. 检测设备是否为 Linux 系统

/Linux/i.test(navigator.platform);

12. 检测设备是否为 iOS 系统

/iPhone|iPad|iPod/i.test(navigator.userAgent);

13. 检测设备是否为 Android 系统

/Android/i.test(navigator.userAgent);

14. 检测设备是否为微信浏览器

/MicroMessenger/i.test(navigator.userAgent);

15. 检测设备是否为 QQ 浏览器

/QQBrowser/i.test(navigator.userAgent);

16. 检测设备是否为 Safari 浏览器

/Safari/i.test(navigator.userAgent) && !/Chrome/i.test(navigator.userAgent);

17. 检测设备是否为 Chrome 浏览器

/Chrome/i.test(navigator.userAgent) && /Google Inc./i.test(navigator.vendor);

18. 检测设备是否为 Firefox 浏览器

/Firefox/i.test(navigator.userAgent);

19. 检测设备是否为 Edge 浏览器

/Edge/i.test(navigator.userAgent);

20. 检测设备是否为 IE 浏览器

/MSIE|Trident/i.test(navigator.userAgent);

以上便是 20 个 JavaScript 单行代码杀手锏。这些代码非常实用，可以帮助您在开发过程中节省时间和精力。希望您能熟练掌握这些代码，并在实际项目中加以应用。