Chrome DevToolsのRecord and Replay機能について。操作を記録して再生できる。再生に対してブレークポイントを設定したり、内容を編集、拡張機能を使ってCypressなどのテストフレームワーク向けに出力したりできる。

efcl のブックマーク 2023/07/13 05:35

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/4739231588960716101/comment/efcl" data-user-id="efcl" data-entry-url="https://b.hatena.ne.jp/entry/s/developer.chrome.com/blog/devtools-tips-4" data-original-href="https://developer.chrome.com/blog/devtools-tips-4" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdeveloper.chrome.com%2Fblog%2Fdevtools-tips-4" data-user-icon="/users/efcl/profile.png">DevTools Tips: Record and replay user flows with the Recorder  |  Blog  |  Chrome for Developers</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/Chrome">Chrome</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/debug">debug</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/testing">testing</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/Tools">Tools</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/article">article</a>]</li></ul><br><p style="clear: left">Chrome DevToolsのRecord and Replay機能について。 操作を記録して再生できる。再生に対してブレークポイントを設定したり、内容を編集、拡張機能を使ってCypressなどのテストフレームワーク向けに出力したりできる。</p><a class="datetime" href="https://b.hatena.ne.jp/efcl/20230713#bookmark-4739231588960716101"><span class="datetime-body">2023/07/13 05:35</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！