Q&A
「Deno」「HEW」というタグが付いていますが、関係ないようなので外してください。
ブラウザとElement ToolのHtmlの比較です。
対象のHPは
https://techffee.com/nextplus-8488/
その中で下記のブラウザと対象のHtmlは下記です。
ブラウザ
https://gyazo.com/f923dad6aa4be2d538f9d39afc598ca1
Htmlの動画URL
https://streamable.com/1daicu
質問
１．Htmlの動画URLはこのHPの全部を表しているのか。
全部でない場合、どの部分がカットされているか。たとえばAのペインにある
広告などの箇所など
２．ブラウザのNextplusとはHtmlのどの箇所にあてはまるか理解できましたが、
大部分のテキストが出現していない。隠れているのであれば、どのようにして
出現させるのか
３．位置の調整をしたい。つまり、Nextplus～使い方を出来ます。を次のページ
にするにはどのようにすればいいでしょうか
回答1件
0
- 開発者ツールで表示されるソースコードは原則としてページ全体のソースコードが表示されていると考えていいと思います。
- 開発者ツールではブロックごとにソースコードが折りたたまれています。例えば動画内で「Nextplusとは」と書かれた下にたくさんのpタグが連なっていますが、これらが本文です。左の三角をクリックしてみてください。
- このページ自体の位置を調整したいということであればページ自体を編集することが必要ですが、これは質問者さんのサイトですか？ブラウザでの見た目上だけでよいのであれば開発者ツール上で要素をドラッグすることで並び替えることが出来ます。
投稿2021/12/24 04:44
総合スコア2536
＞たくさんのpタグが連なっていますが、これらが本文です。左の三角をクリックしてみてください。
了解しました。反対にHtmlに出現させたければ、青い枠になるようにすればいいのですね
＞ブラウザでの見た目上だけでよいのであれば開発者ツール上で要素をドラッグすることで並び替えること
対象箇所を下にドラッグするだけでいいのですか。コードで調整しなくていいのですか
>反対にHtmlに出現させたければ、青い枠になるようにすればいいのですね
おっしゃりたいことがよくわかりません。
>対象箇所を下にドラッグするだけでいいのですか。コードで調整しなくていいのですか
ブラウザでの見た目上だけの話であれば、です。
>>対象箇所を下にドラッグするだけでいいのですか。コードで調整しなくていいのですか
要素のスタイルシートの状態が表示されるんで、その欄の「element.style」のところに、
break-before: page;を追加。
ではだめですか
何をどう実現したいのかがわからないので、好きなようにしたらいいと思います。
あなたの回答
tips
プレビュー
