如何在Angular 2中获取客户端浏览器的时区与IP地址？

嘿，我来帮你拆解下在Angular中不依赖外部URL获取客户端时区和IP的方案～

一、时区信息：完全无需npm包，用浏览器原生API就够了 #

浏览器本身已经提供了直接拿时区的能力，根本不用额外装依赖：

• 获取标准时区标识符（比如Asia/Shanghai、America/New_York）：

  const timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
  console.log('当前时区:', timeZone);
  

• 获取与UTC的偏移分钟数（注意：东八区返回-480，数值为负表示比UTC早）：

  const offsetMinutes = new Date().getTimezoneOffset();
  console.log('时区偏移（分钟）:', offsetMinutes);
  

二、客户端IP地址：无外部URL的限制下的局限性与可行方案 #

这里得坦诚说：纯前端不调用任何外部服务/URL的话，没办法直接获取公网IP——这是浏览器的安全限制，不会主动暴露用户的公网IP。不过如果你的场景是内网应用，需要获取局域网IP的话，可以试试这个npm包：

webrtc-ip #

这个包利用WebRTC的本地连接机制获取内网IP，全程不需要调用外部API。

1. 安装：

   npm install webrtc-ip --save
   

2. 在Angular组件中使用：

   import { WebRTCIP } from 'webrtc-ip';
   
   export class YourComponent {
     async fetchLocalIP() {
       try {
         const localIP = await WebRTCIP.getIP();
         console.log('内网IP地址:', localIP);
       } catch (err) {
         console.error('获取IP失败:', err);
       }
     }
   }
   

⚠️ 注意：这个方法只能拿到内网IP，如果必须要公网IP，还是得通过自己的后端接口（比如后端用request.ip这类方式获取后返回给前端），但这就涉及到调用后端URL了，不符合你“无需借助其他URL”的要求。

总结 #

• 时区：直接用浏览器原生API，零依赖搞定
• IP：内网场景用webrtc-ip；公网IP无法纯前端无外部URL获取，必须依赖后端

内容的提问来源于stack exchange，提问作者karthik karthik