WebGL/WebGL2などのパーフォマンスが出ない時にエラーメッセージ・警告を表示

[keichan34]

WebGL2対応がsoftware onlyになっている場合など検知できるかな？

WebGLが無効化されている時に下記のようなエラーが発火されます。再現として、 Firefox で about:config 開き、webgl.disabled を true に設定します。

Error: {"requestedAttributes":{"alpha":true,"stencil":true,"depth":true,"failIfMajorPerformanceCaveat":false,"preserveDrawingBuffer":false,"antialias":false},"statusMessage":"WebGL is currently disabled.","type":"webglcontextcreationerror","message":"Failed to initialize WebGL"}
    _setupPainter embed:1
    <anonymous> embed:1
    Tt embed:1
    ts Map.tsx:107
    Fl React
    unstable_runWithPriority scheduler.production.min.js:18
    React 3
    D scheduler.production.min.js:16
    onmessage scheduler.production.min.js:12
    6813 scheduler.production.min.js:12
    Webpack 10
react-dom.production.min.js:216:199

解決

地図が正しく表示できないと検知した時、地図レンダリングを取り止めて「この地図が正しく表示されませんでした。開発者の方はこちらを確認ください。」みたいな感じでWebGL等についてのgeolonia.comないにリンクしてあげると親切かなと思います。