レスポンシブをユーザーエイジェントで切り替えている場合のSP版の画面を確認する方法

いつもお世話になっております。

今回、前任者が作ったHPを私（コーディング初心者）が修正することになりました。
レスポンシブの切り替えですが、今まではメディアクリエで画面サイズに応じてcssを切り替えていたのですが、
前任者はユーザーエイジェントで切り替えていたようで、今回初めて触ります。
下記コード部分がユーザーエイジェントの切り替えコードだと思うのですが間違いないでしょうか？

また、メディアクリエで切り替えている時は、クロームの検証でPC版とSP版で画面サイズを切り替えていたので
各々のレイアウトを確認しながら出来ていたのですが、
今回の場合、画面サイズを切り替えてもPC版のレイアウト画面しか表示されないため、
どのようにSP版の画面を確認すればいいのか分からずにいます。
また、どのCSSに書かれているのかもいまいちわからず、、

質問1：SP版の画面を確認する方法
質問2：SP版が書いてあるcssの特定方法

お分かりになる方、教えていただけると幸いです。
その他必要情報あれば追記いたします。よろしくお願いします。

補足
ちなみにファイルはindex.phpでphpファイルなのですが、これは関係してますでしょうか？？

html
1<script>
2var ua = navigator.userAgent;
3if (ua.indexOf('iPhone') > 0 || ua.indexOf('iPod') > 0 || (ua.indexOf('Android') > 0) && (ua.indexOf('Mobile') > 0) || ua.indexOf('Windows Phone') > 0) {
4	if( ua.indexOf('iPhone') > 0 ){
5		document.write('<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">');
6	}
7	else{
8		document.write('<meta name="viewport" content="width=device-width,initial-scale=1">');
9	}
10}else{
11	document.write('<meta name="viewport" content="width=1000">');
12}
13</script>
14
15<link rel="stylesheet" type="text/css" href="assets/css/normalize.css" media="all">
16<link rel="stylesheet" type="text/css" href="assets/css/base.css?v=<?=$version?>" media="all">
17<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lity/1.6.6/lity.css">

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

回答1件

ベストアンサー

https://qiita.com/pepo/items/565f0a8b9bd277cfb4ec
Googleデベロッパーツール→Toggle Device Toolbar（右上のタブレットとスマホが重なった青いアイコン部分）→Responsive（左上）を押すと好きなデバイスで検証できる（はず）。

【Toggle Device Toolbar】

【Responsive】

投稿2020/08/14 04:39

sunglass

総合スコア303

kato00

2020/08/14 04:51

回答ありがとうございます。メディアクリエの時はこれで切り替えできたのですが、ユーザーエイジェントだと表示されず、、ちなみにファイルはindex.phpでphpファイルなのですが、これは関係してますでしょうか？？

sunglass

2020/08/14 04:59

であればhttps://support.google.com/chrome/a/answer/7513019?hl=ja でUAを偽装する方法でしょうか。（確かUAの切り替えは2020年（2021年に変更？）で廃止だった気がします。）・参考 https://groups.google.com/a/chromium.org/g/blink-dev/c/-2JIRNMWJ7s/m/yHe4tQNLCgAJ?pli=1

kato00

2020/08/14 05:24

ありがとうございます！私の方でも色々試していたところ、スクロールバー？で直接横幅を狭めたらSP版の表示に切り替わりました！ご提示いただいた内容も試してみますね！