Posted at

【えらい立派なブラウザ】コードレビューをすりぬけてIEユーザーを煽る方法【使っとりはりますなぁ。】

ようおいでやす。

あんたらもIEに苦労しはってんやなぁ

うちはたくお申します。よろしゅうたのんます。

IE使こてるユーザになんぎしてるからきつーく注意してやりたいんやけど、コードレビューでバレるとリリースできんさかい、バレへん方法をおせーるで。

いけずな上司やレビュワーも気付きまへんさかい、あんじょう使こてや。


かいらし方法


alert("えらい立派なブラウザ使っとりはりますなぁ。");

かいらしいどすなぁ…

こんなん、すぐに見つかってお灸すえられるでぇ??


あほくさい方法

alert("\u3048\u3089\u3044\u7acb\u6d3e\u306a\u30d6\u30e9\u30a6\u30b6\u4f7f\u3063\u3068\u308a\u306f\u308a\u307e\u3059\u306a\u3041\u3002");

さっきよりはマシなりはりましたけど、あほくさいコードどすなぁ…

ちっこいプルリクやと目立って見つかりはるで??


ぼちぼちな方法

const icon = "YWxlcnQoIuOBiOOCieOBhOeri+a0vuOBquODluODqeOCpuOCtuS9v+OBo+OBqOOCiuOBr+OCiuOBvuOBmeOBquOBgeOAgiIpOw==";

const decoded_utf8str = atob(icon);
const decoded_array = new Uint8Array(Array.prototype.map.call(decoded_utf8str, c => c.charCodeAt()));
const decoded = new TextDecoder().decode(decoded_array);

return (
<img onLoad={ eval(decoded) } />
);

きょうびevalとonLoadは不自然おまへんか??

どんくさい人がレビューしたらうまくいくかもせぇへんなぁ。


はんなりな方法

// APIなどのレスポンスで仕入れとくんどすえ

const response = '{"beacon":"YWxlcnQoIuOBiOOCieOBhOeri+a0vuOBquODluODqeOCpuOCtuS9v+OBo+OBqOOCiuOBr+OCiuOBvuOBmeOBquOBgeOAgiIpOw=="}'
const json = JSON.parse(response)
const beacon_utf8str = atob(json.beacon);
const beacon_array = new Uint8Array(Array.prototype.map.call(beacon_utf8str, c => c.charCodeAt()));
const beacon = new TextDecoder().decode(beacon_array);
(new Function(beacon))()

return (
<img src={ beacon } style={ { width: "1px", height: "1px" } } />
);

「Webマーケチームが計測したい言いはるんで、1pxビーコン入れたどす」って言うたらまずバレんさかい、これでどうえ??

ほんまえげつない人やわぁ。


まとめ

「ぶぶ漬けでもどうどす?」