あらゆる Web サイト上のあらゆる要素の HTML/CSS コードを取得できます。
ワンクリックで、任意の Web サイト上の任意の要素のコードをコピーできます。
必要に応じて、ワンクリックでページ全体をコピーすることもできます。
コピーしている要素のメディア クエリをコピーできます。
これにより、コピーされたスタイルがレスポンシブになります。
任意の CSS コードを Tailwind CSS に変換できます。
コピー元の Web サイトでは、Tailwind CSS を使用する必要はありません。
DivMagic は、あらゆる CSS コードを Tailwind CSS (色も!) に変換します。
iframe からコードをコピーできます。
一部の Web サイトでは、コンテンツをコピーできないように iframe にコンテンツを配置しています。 DivMagic は iframe 経由でコードをコピーできます。
ブラウザの開発ツールから直接 DivMagic を使用します
拡張機能をポップアップしなくても DivMagic の機能にアクセスできます
デベロッパー コンソール内で Web 要素を再利用可能なコンポーネントに変換してキャプチャします。
任意のコンポーネントを JSX に変換できます。
コピーしたセクションを React/JSX コンポーネントとして取得できます。コードを検査する必要はありません。
Web サイトが React を使用していない場合でも。
コピーした要素を DivMagic Studio にエクスポートできます。
これにより、要素を編集して簡単に変更できるようになります。
コンポーネントを DivMagic Studio に保存し、いつでもアクセスできます。
Web 開発に必要なすべてのツールが 1 か所にあります。
Web サイトからフォントをコピーして、プロジェクトで直接使用できます。任意の Web サイトから色をコピーして、プロジェクトで直接使用できます。あらゆる色をあらゆる形式に変換します。グリッドを追加します。
その他...
任意の Web サイト上の任意の要素のコードを取得します。 DivMagic は、プロジェクトで使用できる最もコンパクトでクリーンなコードを提供します。
Know what technologies a site uses with one click.
任意のコンポーネントを React/JSX に変換します。 React/JSX コンポーネントとしてコピーしたセクションを取得できます。ウェブサイトのフレームワークに関係なく。
CSS を Tailwind CSS に変換します。 DivMagic は、あらゆる CSS コードを Tailwind CSS (色も!) に変換します。コピー元の Web サイトでは、Tailwind CSS を使用する必要はありません。
iframe からコードをコピーします。一部の Web サイトでは、コピーを防止するためにコンテンツを iframe 内に配置しています。 DivMagic は iframe 経由でコードをコピーできます。
コピーしている要素またはページのメディア クエリをコピーできます。これにより、コピーされたスタイルがレスポンシブになります。
ブラウザの開発ツールから直接 DivMagic を使用します。拡張機能をポップアップしなくても、DivMagic のすべての機能にアクセスできます。
コピーした要素を DivMagic Studio にエクスポートできます。DivMagic Studio は、要素を編集して簡単に変更できる強力なオンライン エディタです。
ワンクリックでページ全体をコピーできます。
コピーした要素を WordPress にエクスポートできます (HTML から WordPress Gutenberg)。これにより、コピーした要素を WordPress Gutenberg Editor で使用できるようになります。
詳細はこちらWeb 開発に必要なすべてのツールが 1 か所にあります。ライブ編集、カラーピッカー、デバッガーなど。
Web サイトからフォントをコピーし、プロジェクトで直接使用できます。
任意の Web サイトから色をコピーし、プロジェクトで直接使用できます。あらゆる色をあらゆる形式に変換します。
