問題タブ [webpage-rendering]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
200 参照

html - Chrome は、ページが完全に読み込まれる前にリンクをクリックするとリクエストをキャンセルします。そしてFFはそうではありません

Web アプリにフロントエンドの問題があります。たとえば、そのページで実行される大量の JS コードを含むページがあります。のようなリンクがあります

ページが完全に読み込まれる前にこのリンクをクリックしたいのですが、実際には FireFox で実行できます。現在のページの読み込みが停止し、ブラウザがクリックしたリンクにリダイレクトします。しかし、Chrome では何も起こらず、ページが完全に読み込まれるまで待たなければなりません。それ以外の場合、DevTools で、このリクエストが「status=cancelled」になっていることがわかります。リンクを別の方法で処理するように Chrome を変更するにはどうすればよいですか? Chrome ユーザーは、リンクをクリックして先に進みたい場合、ページが読み込まれるまで待ちたくありません...

プリレンダリングや同様のものについて読んだことがありますが、それを解決する方法はまだわかりません...

ヒントをいただければ幸いです。

0 投票する
1 に答える
71 参照

html - レスポンシブ Web サイトでの IE レンダリングの問題

このレスポンシブ ページ(および類似のページ) は、Chrome や Firefox では問題なく動作しますが、ブラウザ ウィンドウを小さくして IE で表示すると正しく動作しません。

ビューポートのサイズが意図したとおりに表示されていないようです。テキストが広すぎて、画像のサイズが縮小されていません。

これはデスクトップ IE ではそれほど問題ではありませんが、Windows Phone ユーザーが Web ページを正しく表示できないことを意味します。

IE の最新バージョンはこれらの問題を解決したと思いますか?

この問題の原因を知っている人はいますか?

0 投票する
1 に答える
168 参照

html - Selenium Webdriverを使用してWebページ内のWeb要素の読み込み時間を調べる

4 つのグラフがある Web ページ (HTML 5) があります。ページ内の静的コンテンツが表示されると、それぞれのグラフの読み込みに時間がかかります。Loading は、4 つのチャートすべての「レンダリング」円イメージを使用して Web ページに表示されます。各グラフが「レンダリング」円を表示していた時間を知りたいです。Selenium Webdriverを使用して解決策を得るのを手伝ってください。

0 投票する
2 に答える
648 参照

php - カスタム モジュールで hook_menu が機能しない

私は明らかなことかもしれませんが、単純なカスタムの Hello world モジュールが機能していません。これを修正するために数日を費やしましたが、まったく進歩がありません。

hello_world.info

hello_world.module

localhost/mysite/hello_world/ のページにアクセスしようとしています

.module および .info ファイルのパスは、htdocs/mysite/sites/all/modules/custom です。

hook_menu は開発の基本であるため、行き詰まっています。助けてください。

ところで、ページをレンダリングするための hook_menu の代替手段はありますか?

前もって感謝します。

0 投票する
2 に答える
1306 参照

javascript - サーバー側またはクライアント側のレンダリング

サーバー側とクライアント側のレンダリングの間で Web アプリを構築するときに、事前に決定する方法。すべての Web サイトに対する一般的なガイドラインやベスト プラクティスはありますか? サーバー側のレンダリング、クライアント側のレンダリング、または 2 つのハイブリッドのどれをお勧めしますか?

クライアント/サーバー側のレンダリングを選択するかどうかは、ユース ケースに依存すると言う人もいます。クライアント側とサーバー側のレンダリングに適したケースはまだわかりません。

クライアント レンダリング ページとサーバー レンダリング ページのどちらを使用するかを事前に決定するにはどうすればよいでしょうか。これに中間点はありますか?

0 投票する
2 に答える
643 参照

css - 特定の行の高さを持つテキストの背景が Chrome と Firefox で同じではない

テキストに「続く」半透明の背景を取得しようとしています。つまり、背景は長方形のボックスではなく、改行ごとに停止する「ギザギザのボックス」にする必要があります。

このような:

テキストの背景はギザギザのボーです

私は次のスタイルでこれを行います:

ここで例を見ることができます: http://jsbin.com/texala/6

問題は、Firefox と Chrome でこれらのレンダリングが異なることです。2 つのブラウザーはまったく同じ.woffフォント ( ではありません) を使用しており、 cssreset.com.woff2からすべての異なるリセットを試みてもまだ機能しません。

問題

ここでわかるのは、各行の背景が Firefox では重なっていますが、Chrome では重なっていないことです。

Chrome の行の高さ + パディング レンダリング Firefox の行の高さ + パディング レンダリング

OS X 10.7.5 と Firefox 35.0.1 および Chrome 40.0.22.14.111 を使用しています

フォントのレンダリングはプラットフォームごと、ブラウザーごとに異なることは知っていますが、ラインの高さとフォント サイズ (およびパディング) をピクセル単位で明示的に設定すると、これら 2 つのレンダリングのどちらかが間違っているのではないでしょうか?

さらに、Chrome と Firefox の両方で重複することなく背景が行間のすべてのスペースを覆うように、この問題の解決策を誰かが持っていますか?

0 投票する
0 に答える
32 参照

html - 高さの低いページでのブラウザ/画面レンダリングの問題

ソースを突き止めることができない複雑な問題があります。

レンダリング エラーのサンプル スクリーン ショット

つまり、基本的に問題は、私のホームページの高さは 600 ピクセルしかなく、コンテンツが非常に少ないということです。私の他のほとんどのページにはより多くのコンテンツがあります。

他のページをクリックしてホームページに戻ると、前のページの部分が下部に表示されます。

ページを更新しても、これは削除されません。

これを削除する唯一の方法は、他のウィンドウ/アプリケーションを開くことです。

私のCSSコード

どんな助けでも大歓迎です。ありがとう。