EJS　UA(user agent)判定して、パーツを出し分けたい

現在、EJSを使用し、webページを作成しています。
EJS内でUA判定を行い、pcならこのパーツ、spならこのパーツのように出し分ける方法分かる方いらっしゃいますでしょうか...
自分の知識の浅さからどうして良いかわからない状態です。またなかなか調べても方法が見つからないためもし分かる方いらっしゃいましたらご教授願いたいと思います。

<index.ejs>

<% include common/_header %>

<% include common/_pc-contents %>
<% include common/_sp-contents %>
//この部分をUA判定でpcなら上、spなら下のパーツを出力したい

<% include common/_footer %>

行動規範の内容に同意します

回答1件

ベストアンサー

UA 判定した結果を ejs の変数に入れて、それをもとにコンテンツを分けてみたらどうでしょうか。
ただこれだと判定処理の部分が html に残ってしまいます。

ejs
1<head>
2<script>
3// UA判定
4var ua = navigator.userAgent;
5if ((ua.indexOf('iPhone') > 0 || ua.indexOf('Android') > 0) && ua.indexOf('Mobile') > 0) {
6  <% var ua = 'sp'; %>
7} else if (ua.indexOf('iPad') > 0 || ua.indexOf('Android') > 0) {
8  <% var ua = 'tb'; %>
9} else {
10  <% var ua = 'pc'; %>
11}
12</script>
13</head>
14
15<body>
16
17<% if (ua === 'sp') { -%>
18<p>スマホだった時のコンテンツ</p>
19<!-- ここで sp-contents をインクルード -->
20<% } else if (ua === 'tb') { %>
21<p>タブレットだった時のコンテンツ（※いらない場合は消してください。）</p>
22<% } else if (ua === 'pc') { %>
23<p>PCだった時のコンテンツ</p>
24<!-- ここで pc-contents をインクルード -->
25<% } -%>
26
27</body>