問題タブ [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 投票する
1 に答える
528 参照

meteor - 流星コレクションを表示する前の遅延にどのように対処するのが最善でしょうか?

コレクションからアイテムを表示する前に、meteor はクライアント ウィンドウを更新せずに残す処理を行うようです。妥当なマシンでhttp://madewith.meteor.comにアクセスすると、これをライブで見ることができます。私の 2.6GHz 4GB RAM ラップトップは、リスト内のアイテムをレンダリングするのに約 5 秒かかります。その間、進行状況の表示はなく、急いでいる新しいユーザーは、ページの読み込みが完了したと合理的に信じることができます.

サーバーがワイヤ上のデータの最初のアイテムをクライアントにプッシュし、ブラウザーがそれらをレンダリングし、新しいアイテムが受信されるように、コレクションからアイテムを段階的に表示する方法はありますか? HTTP のチャンク転送に似ています。

または、 https://atmosphere.meteor.com/が行うこと (「何か賢いことをしています」というメッセージ)と同様に、コレクションの読み込み中にスピナー グラフィックを表示する唯一の解決策はありますか?

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

asp.net-mvc - Spring MVC は、ページのレンダリング後にリクエストを処理します

Spring MVC アプリケーション (2.5.6) があり、ページのレンダリング後、Spring MVC は GET メソッドとしていくつかのリクエストを実行し、現在のコマンド値を消去します。それは tomcat 5.5 で動作していて、アプリケーションを tomcat 6.0.35 に更新しましたが、Jetty でも同じ問題があります。Spring MVC 2.5.6 は tomcat 5.5 と tomcat 6.x で動作が異なるのではないかと考えていますブラウザーのものではありません)、戻るボタンをクリックすると、編集フォームが表示され、すべてのフィールドで検証エラーが発生し、すべての値が保持されます。助けてくれてありがとう。

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

asp.net - Web サイトのデータを取得して Web ページに表示する

私は自分のWebページにWebサイトの部分を表示しようとしています.このためにiframeを使用したくありません.しかし、Webサイトからデータを取得してWebページに表示できる他のアイデア. これはウェブサイトです http://www.sugaronline.com/

この部分を自分のウェブページに表示したい

http://i.stack.imgur.com/CVsrh.jpg

iframeを使用する以外にこれを行う方法はありますか?

アップデート

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

android - Web ページの特定のズーム レベルでの境界線

私たちの企業のウェブサイトは、いくつかの奇妙な悪ふざけを経験しています. デスクトップPCまたはラップトップで表示すると、どのブラウザでも問題なく表示されます。ただし、モバイル デバイスで Web サイトを閲覧すると、iOS と Chrome の Safari と Android の Android 2.2 Stock Browser の両方でページ要素の周りにこれらの境界線が表示されます。

問題を調査しているときに、境界線がデスクトップ/ラップトップの Chrome でも表示されることに気付きましたが、特定のズーム レベルでのみ表示されます。

100% ズーム:

100パーセント

110% ズーム:

110パーセント

奇妙なことに、線はさまざまなズーム レベルで一貫していません。

90パーセント

これは 90% ズームで撮影されています。

明確にするために、ラップトップ/デスクトップの Google Chrome でズームすることで、モバイル デバイスで発生している問題を再現できます。しかし、モバイル デバイスで Web サイトを読み込むと、ズーム レベルに関係なく、常に線が表示されます。

Web サイト全体のレイアウトは表を介して与えられます (はい、わかっています... これは Typo3 のテンプレートとして何年も前に作成されたものであり、小さな変更を加えることはできますが、テンプレート全体を再構築することはオプションではありません。しかし、これは余談ですが、テーブルのCSSルールと関係があるのではないかと思っていましたが、特に問題はないようです。それが CSS の問題であるとすれば、さまざまなズーム レベルで線が一貫しているのではないでしょうか? これはテンプレートの CSS ファイルです: Pastebin

いずれにせよ、何が問題を引き起こしているのかわからず、私たちはこれに少し行き詰まっています. 誰かがこのようなことに遭遇したことがある場合は、この問題に関する啓発をいただければ幸いです。ありがとう。

編集: デスクトップの IE、Firefox、および Safari でこれをテストしました。ズーム レベルに関係なく、境界線はありません。

編集 2: 500% にズームすると (デスクトップ上の Chrome)、ウェブサイトの配色に従って、一部の線が青、一部が白、一部が灰色であることがわかります。また、長さが等しくなく、Web ページをスクロールすると位置が変わるようです (つまり、もう少し左/右に移動します)。

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

webpage - Webページの読み込み時間とページサイズをログに記録する方法

Tapestryフレームワークを使用してWebアプリケーションを開発しています

個々のページの読み込み時間とページサイズをログに記録したい:

以下のようなpageAttached、Detachedメソッドを使用しました。

これにより、300ミリ秒から400ミリ秒かかりますが、ブラウザの同じページのUIで、900ミリ秒と表示されるfirebugオプションを使用してページの読み込み時間を確認しました。

これは、firebugが画像の読み込み、js、css、その他の外部呼び出しを示していることを示しています

誰かがページサイズを記録する方法を教えてもらえますか?&ページの読み込み時間を記録する方法は正しいですか?

よろしく、カーティ。

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

webkit - Web レンダリング エンジンは、目に見えないオブジェクトをどのように処理しますか?

多くのオブジェクトの遷移状態を持ついくつかのアニメーションを定義する css スタイルシートがあります。一度に表示できるオブジェクトは 1 つだけです。left:-1000px他のすべてのものは、css スタイルなどの行のおかげで、可視領域の外にあります。

JavaScript を使用して、必要な場合にのみアニメーションをアクティブにすることには消極的です (つまり、私は純粋な CSS ソリューションを好みます)。一方で、アニメーションを描画する場合でも、レンダリング エンジンが CPU にストレスを与える可能性があるのではないかと心配しています。現在表示されていないすべてのオブジェクト。そういう状況ですか?

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

performance - 動的データを操作するためのナビゲーターを取得する HighChart

HighStocksを使用して売買する2つのデータセットで長期的に実行できるビットコインのライブグラフを作成しようとしています.問題はデータがすべてライブであるため、グラフはデータなしで始まり、30秒ごとに更新され、それらの条件でHighStocks はいつも上手くいくとは限らない

最終的なコードhttp://jsfiddle.net/v3z6T/2/に非常に近いデモを作成しました! 増分はデモを高速化するために 1 秒に設定されます。また、adaptToUpdatedData を true に変更すると、ナビゲーターの最小間隔 (30 秒) を超えるまで大幅な遅延効果が生じるため、注意してください。

ナビゲーター領域を機能させたいのですが、adaptToUpdatedData : true で更新したままにしておくと、しばらくするとグラフが非常に遅くなり、ブラウザー全体が応答しなくなり、スクリプト遅延エラーが発生することなく、何時間も実行したままにすることはできません。

たとえば、30 秒単位で 8 時間実行しても 960 データ ポイントしかなく、見た目ほど多くの処理とメモリを使用するには不十分なので、これは私にとって奇妙です。

adaptToUpdatedData が false の場合、グラフははるかに高速で、ナビゲーション ボタンの 1 つが使用されるまで更新ストリームは問題ありません。新しい更新が範囲外であるため、グラフは「ライブ」ではなくなります。また、ナビゲーターは、系列データの開始

ナビゲーターの更新をトリガーする方法や、ナビゲーター領域を更新し続け、グラフを最新のデータエントリポイントに保ち、タイムリーにページのレンダリングを停止しない新しいデータポイントを追加するときに呼び出すことができる方法を知っている人はいますか? ? またはAPIまたはデータを使用するより良い方法

このグラフの全体的な考え方は、進行中のデータのライブビューを取得するために数日、場合によっては数週間実行し続けることです。データはすべてライブであるため、HighStocks の大きなデータセットのサンプルコードを処理することはできません。とにかく、私は大規模なデータセットを実際に扱っているわけではありませんが、常に更新が遅いだけです

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

php - スクリプトに指示を与える方法

説明: タイトルは説明しきれませんが、これ以上のタイトルは思いつきません。ビューをコンパイルするビュープロセッサを自分で作成しました(調整されたMVCを使用しています)。問題は、ビューを「コンパイル」するときです(レンダリングする前に出力をキャプチャします(トリミング+高レベルでの圧縮)) . とにかく、これは問題なく期待どおりに機能しますが、ビューコンパイラが動的ページにヒットすると、動的ではなくなります。2 つのページに同じテンプレートを使用したり、サイトを閲覧しているユーザーに基づいてコンテンツを作成したりすると、本来表示されるはずのユーザーではなく、前のユーザーのコンパイル済みバージョンが表示されます。現時点での私の方法は次のとおりです。

  1. ルートに基づいてレンダリングされるビューを決定する
  2. gz_compression の開始
  3. テンプレ含め
  4. 必要に応じてレンダリング用の変数に出力をキャプチャする
  5. gzip バッファを消去する

質問: 私がまさに望んでいるのは、ファイルをコンパイルして保存するか、直接レンダリングするかどうかに関係なく、コンパイラに「命令」を追加する方法です。

PS:

個別のモデルの作成などを必要としない限り、トリックを実行するパターンは考えられませんでした。任意のオプションが受け入れられ、単純な実装が非常に優れています。私の悪い英語で申し訳ありませんが、それは私の母国語ではありません.

乾杯!

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

phantomjs - PhantomJS Web ページのタイムアウト

アプリの Web ショットを作成するスクリプトをセットアップしました。それは完全に実行され、壊れた URL の画像に遭遇するまではすべて問題ありません:

以下を使用して 6 秒後にスクリプトを中断することができました。

しかし、ネットワーク要求を無視して (AKAから画像を取り出してDOM)、画像なしで (または、画像のない画像を挿入して) サムの作成に進むことは可能ですか?