スマホ等のメモリスペックをエミュレートする方法について

前提

ブラウザで動作するアプリケーションの不具合の話です。
古いモバイル端末でページが途中で落ちる、レスポンスが不正になる、のような事象がエンドクライアントから報告されています。
ここでのレスポンスが不正になるというのは、ブラウザのcanvasで生成した画像をサーバーに送り、サーバーはそれを元にしたPDFを作成するという流れになっているのですが、画像が入る部分が真っ白になっているという状態を指しています。
古い端末であることや不具合の現象から画像のサイズが大きすぎるためのメモリ不足が原因ではと予想しています。
単純に端末に合わせてリサイズした画像を取得するように変更するのは簡単にできると思うのですが、それで不具合が解消されたかどうか検証できる方法がないとリリースしてみて不具合が起きるかどうか様子見するだけということになってしまうので、あまりいい方法ではないかなと思っています。
後述しますが、メモリ上限の設定やメモリ不足の検証方法について調べましたがどん詰まりな状況です。
どなたか知見がある方、お力添えお願いします。 🙇

実現したいこと

• 目的: メモリ不足が原因なのか検証すること
• メモリ上限を設定できる環境を作成すること
• できればブラウザの開発者ツールで設定したいです

試したこと

メモリを制限するために調べたことなど

• Google Chromeの開発者ツールの設定
  → Chrome DevTools Protocol を読みましたが、使用状況を取得できても制限はかけられなさそうでした。

• 仮想環境
  → Xcodeのシミュレーター はメモリ制限機能はなさそうでした。
  → Virtualbox はM1には対応していないようでした。
  → UTM はドキュメント通りにUbuntuを設定しようと試みましたが、Ubuntuインストール後に再起動を求められ、再度インストールから始まる状態でした。

補足情報（FW/ツールのバージョンなど）

- アプリの環境

• サーバー apache, PHP
• フロント Vue.js 2系

- 開発環境

• Macbook Pro (Appleシリコン)