<div id="readability-page-1" class="page"><div id="main" role="main">
 
 



 <article class="page" itemscope="" itemtype="https://schema.org/CreativeWork">
 <meta itemprop="headline" content="브라우저 &amp; webview의 플랫폼이 iPad인지 확인하는 방법">
 <meta itemprop="description" content="문제">
 <meta itemprop="datePublished" content="2025-02-05T23:50:30+00:00">
 

 <div>
 
 <header>
 
 

 
 

 

 
 
 

 
 
 
 less than 1 minute read
 
 
 
 


 </header>
 

 <section itemprop="text">
 
 <h2 id="문제">문제</h2>

webview 혹은 웹브라우저가 구동되는 플랫폼이 iPad인지를 알고 싶은 경우, 보통 아래 코드를 사용한다. gpt도 이렇게 알려준다.

<div><pre><code>const isIpad = navigator.maxTouchPoints &gt; 1 &amp;&amp; /MacIntel/.test(navigator.platform);
</code></pre></div>

하지만 위 코드는 <code>Chrome 브라우저</code>에서는 동작하지 않는다. <code>Chrome 브라우저</code>의 <code>navigator.platform</code>은 <code>iPad</code>이기 때문이다.

뿐만 아니라 navigator.platform은 deprecated 된 API다.

<h3 id="해결책">해결책</h3>

아래와 같은 함수를 만들어서 iPad인지 여부를 확인할 수 있다. 이렇게 하면 <code>Chrome</code> 브라우저에서도 잘 돌아간다.

<div><pre><code>const isIPadOS = () =&gt; {
 const haveTouchPoint =
 navigator.maxTouchPoints &amp;&amp; navigator.maxTouchPoints &gt; 1;

 const isiPadUserAgent =
 /Macintosh/i.test(navigator.userAgent) || /iPad/i.test(navigator.userAgent);

 return haveTouchPoint &amp;&amp; isiPadUserAgent;
};
</code></pre></div>

20250206

 
 </section>

 

 


 
 

 </div>

 
 

 
 </article>

 
 
 
 
 
</div></div>

Never test

문제
webview 혹은 웹브라우저가 구동되는 플랫폼이 iPad인지를 알고 싶은 경우, 보통 아래 코드를 사용한다. gpt도 이렇게 알려준다.
const isIpad = navigator.maxTouchPoints > 1 && /MacIntel/.test(navigator.platform);
하지만 위 코드는 Chrome 브라우저에서는 동작하지 않는다. Chrome 브라우저의 navigator.platform은 iPad이기 때문이다.
뿐만 아니라 navigator.platform은 deprecated 된 API다.
해결책
아래와 같은 함수를 만들어서 iPad인지 여부를 확인할 수 있다. 이렇게 하면 Chrome 브라우저에서도 잘 돌아간다.
const isIPadOS = () => {
  const haveTouchPoint =
    navigator.maxTouchPoints && navigator.maxTouchPoints > 1;
  const isiPadUserAgent =
    /Macintosh/i.test(navigator.userAgent) || /iPad/i.test(navigator.userAgent);
  return haveTouchPoint && isiPadUserAgent;
};
20250206

브라우저 & webview의 플랫폼이 iPad인지 확인하는 방법

댓글