本稿は Google Chorme の DevTools(デベロッパーツール) でも、Consoleタブの機能について特化した記事です コレ、ご存知ですか? 次のイラストをご覧ください イラスト中の(1)と(2)の機能をご存知ですか? 私、知りませんでした。普段からチョイチョイConsoleは開いているのに... (1)はLive Expression (2)はExecution Context Selector といいます コンソールタブの機能と設定 コンソールタブの機能と設定について、一通りを調べてみました。 ON/OFFすると何が変わるのか、GIFアニメを中心に共有します。 もっと早く、調べておけばよかった... 上記の(1)や(2)の機能・使い方を知らなかった方は、ぜひご覧ください。 調査にあたって、組んだスクリプト Console上にlogやerrorをいっぱい表示させたいと思い
![Consoleタブの機能とsettingをちゃんと知りたい|Devtools|Chrome - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/cf70f2258ec80cd5f2a9842d43be095db76d4f2d/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9Q29uc29sZSVFMyU4MiVCRiVFMyU4MyU5NiVFMyU4MSVBRSVFNiVBOSU5RiVFOCU4MyVCRCVFMyU4MSVBOHNldHRpbmclRTMlODIlOTIlRTMlODElQTElRTMlODIlODMlRTMlODIlOTMlRTMlODElQTglRTclOUYlQTUlRTMlODIlOEElRTMlODElOUYlRTMlODElODQlRUYlQkQlOUNEZXZ0b29scyVFRiVCRCU5Q0Nocm9tZSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MWZlOGQ4NGZiNWE2MGI1N2MxMjViYjkwZDk4NjVhZDA%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTcxNiZ0eHQ9JTQwdG9tb2tlaTU2MzQmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zMiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWQ1YWQ3NDUyOGE0MzY0Zjc3NWEwNDY0YjYzMmViYzU2%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D77f40b774bcff02418c2351c0c04e8f8)