ブラウザ固有のコンテンツをレンダリング🎉
2157 ワード
TLあなたは1つのライナーと反応してブラウザ固有のコンテンツをレンダリングすることができます.
これまでにすべてのあなたのIEのユーザーのためのバナーを配置し、クロム/Firefoxのあなたのサイトを試してみることがありますか?
RenderInBrowserコンポーネントを使用すると、ブラウザに固有のコンテンツをレンダリングできます.
私の2、3週間後に約束したように、私は他のプロジェクトからコードを移植して、徹底的なテストを書いて、特定のブラウザーだけで内容をレンダリングするために、スタンドアロン反応ライブラリを作成しました.
構文は簡単すぎます.
場合は、クロムだけで何かをレンダリングする場合.
<RenderInBrowser only chrome>
<div>Whoa! This super duper text line will be rendered only in Chrome!</div>
</RenderInBrowser>
IE以外のすべてのブラウザで何かをレンダリングしたい場合は<RenderInBrowser except ie>
<div>Darn, this stuff doesn't work in IE :(</div>
</RenderInBrowser>
このライブラリはNPM packageとして利用可能であり、まだベータステージ(v 0.2.0)';coz私はフィードバックを取るし、V 1を公開する前にそれを改善したいと思います.0.0 .ここに、GitHub repoへのリンクがあります.
あなたが改善されることができる何かを見つけるならば、PLはフィードバックメモを落とします、そして、私は非常にそれを歓迎します.あなたが改善されることができる何かを見つけられないならば、あなたはまだHiをドロップすることができました、そして、私はあなたに戻ります:
あなたは素晴らしいです!良い一日を!⚡️
Reference
この問題について(ブラウザ固有のコンテンツをレンダリング🎉), 我々は、より多くの情報をここで見つけました https://dev.to/flexdinesh/render-browser-specific-content-with-react--ammテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol