![見出し画像](https://assets.st-note.com/production/uploads/images/92486984/rectangle_large_type_2_b56bc98eb0b7636fe8e1b3b8be62e251.png?width=1200)
【Salesforce】デベロッパーツールでLightningからClassicに切り替わらないようにする方法
みなさんこんにちは!
最近Salesforceに携わっている たまきです!
今回は、Google Chromeデベロッパーツールで
Lightning環境からClassic環境に切り替わらないようにする方法をお伝えします!
先日、LWCのデバッグをしようとデベロッパーツールを開くと、
開いた時はちゃんとLightningなのに、画面をクリックすると同時にClassic環境のユーザ画面に遷移してしまいました。
![](https://assets.st-note.com/img/1670028008105-7glExr1p2F.png?width=1200)
![](https://assets.st-note.com/img/1670028050032-w2G40UGjdD.png?width=1200)
むむ…!Classic環境にはLWCはないんよ…デバッグしたいんよ…(泣)
これは不具合なのか何なのか…
検索したところ、解決できましたので共有します!!
何とも簡単なことでした。
デベロッパーツールの、「デバイスのツールバーを切り替え」をオフにすれば良いのです!
この現象は、モバイルブラウザではLightningは一部機能しかサポートされていないことが原因のようです。
Lightning画面が勝手にClassicに切り替わらないようにするには
次のような対処方法があります。
①Developer Toolsのデバイス・ツールバーの切り替えボタンをオフにする
![](https://assets.st-note.com/img/1670027331298-QHMI3vA9eh.png?width=1200)
デバイス・ツールバーの切り替えができます。
②DimensionsでNest Hub Maxを選択する
(レスポンシブや、iPhone等のモバイルを選択しない)
![](https://assets.st-note.com/img/1670027442265-XqdbzvUDEt.png?width=1200)
これらの対処法で、Lightning環境のまま表示が可能です!
デバッグ時にお困りの方、ぜひお試しください〜
(参考)
この記事が気に入ったらサポートをしてみませんか?