問題タブ [prerender]
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.
html - プリレンダリングされたリソースまたはプリフェッチされたリソースが実際に Firefox、Safari、および IE10 でプリレンダリングまたはプリフェッチされているかどうかを確認するにはどうすればよいですか?
上記のコードがあるとします。https://www.apple.com/は Chrome で事前にレンダリングされます。これは、Chrome のタスク マネージャーをオンにするとわかります。これはかなり良いです。
https://www.apple.com/が実際に Firefox でプリフェッチされているかどうかを確認するにはどうすればよいですか? Firefox はこれに対する解決策を提供していますか?
https://www.apple.com/が実際に Safari および IE10 でプリフェッチまたはプリレンダリングされているかどうかを確認するにはどうすればよいですか? これら 2 つのブラウザはこれに対する解決策を提供しますか?
ありがとうございました!
ところで。Safari と IE10 はどちらの方法を選択しますか? プリレンダリングまたはプリフェッチ?
asp.net - ページの読み込み時にasp.netのタイトルラベルが変数から取り込まれない
変数を宣言し、asp のドロップダウン リストからデータを入力しました。ただし、ページロード時にラベルは入力されません。ドロップダウンの値を変更するとラベルが入力されます。そのため、最初はページの読み込み時ではなく、変数がラベルで機能しています。
私のラベルのaspは次のとおりです。
回答を編集
以下に示すように、次の PreRender を作成しました。次に、ラベル要素の 1 つに含める OnPreRender="Page_PreRender"
と、これが prerender をトリガーするように見えました。
編集 - DDL バインディング
c# - UserControl ページから、親ページの Page_Prerender を呼び出します
UserControl (Search.ascx) を含む aspx ページ名 MakeRedemption.aspx があります。
MakeRedemption.aspx に Page_Prerender() があります。
Search.ascx の関数によって MakeRedemption.aspx から Page_Prerender() を呼び出す方法を教えてください。
それは次のようなものです:
実際、ユーザー コントロール ページの関数の 1 つにループがあります。
Page_Prerender (MakeRedemption.aspx) は、すべてのループが終了した後にトリガーされます。
私が欲しいのは: ループの各アイテムが終了する前に毎回、MakeRedemption.aspx で Page_Prerender をトリガーして何かを実行したいと考えています。
何かのようなもの :
つまり、この for ループには i = 10 があるため、for ループ内で Page_Prerender を 10 回トリガーしたいと考えています。
aspx ファイルの私の PreRender 関数は次のとおりです。
この Page_Prerender() が自動生成 OnPreRender() と見なされるかどうかはわかりません。
OnPreRender() の代わりにこの Page_Prerender() をトリガーしたいと思います。
ばかげた質問をしている場合は申し訳ありません。私はプログラミングとC#が初めてです。
親切なアドバイス。
ありがとう。
html - HTML5 プリレンダリング/プリフェッチが機能しない (プログレッシブ カーテンのようなダウンロード/トランジションが発生します!)
Web プロジェクトに取り組んでおり、Web ページを均等なトランジションでロードしたいと考えています。私が今得ているのは、写真と背景がカーテンのようにダウンロードされていることです。すべてが読み込まれたときにすぐに表示されるようにします。
プログレスバーか何かがあってもかまいませんが、カーテンのような方法はありません。
prefetch/prerender html 5 タグを使用しましたが、成功しませんでした.. ここにアクセスしてください: http://hellenic-jewls.com/ そして、別の Web ページにカーソルを合わせて、私の画像がカーテンのように徐々にダウンロードされることを確認してください: http ://hellenic-jewls.com/classical/ もちろん、ウェブページがキャッシュされていれば問題ありません。
javascript - Backbone.js ルーティング: ハッシュからハッシュバングへ
検索エンジンで適切にクロールできるように、現在改良中の古い backbone.js アプリがあります。prerender.io の Node.js + Phantom.js システムを使用して、javascript を使用したサイトの静的な HTML レンダリングを検索エンジンに提供することにしました。ただし、prerender.io を使用するための要件の 1 つは、すべてのハッシュ URL を hashbang に変換することです (したがって、site.com/#gallery は site.come/#!gallery にする必要があります)。私のサイトは現在、URL ルーティングにハッシュのみを使用しています。これをハッシュバンに切り替えるにはどうすればよいですか?
angularjs - Hashbang、prereder.io、ロボット
検索ボットが私の ajax サイトをどのようにクロールするのか、少し混乱しています。
http://www.example.comには 3 つのリンクが含まれています
- #!/abc
- #!/xyz
- #!/123
ページの先頭にが<meta name="fragment" content="!">
含まれているため、ロボットは次の URL を使用してこれらのリンクにアクセスする必要があり、prerender.io を使用してページを提供しています。
- http://www.example.com?_escaped_fragment_=/abc
- http://www.example.com?_escaped_fragment_=/xyz
- http://www.example.com?_escaped_fragment_=/123
これらのページをクロールするとき、ロボットはどのように動作しますか? これらのページで新しいリンクを見つけたとき、URL はどのように見えるでしょうか?
- #!/abc1 => http://www.example.com?_escaped_fragment_=/abc#!/abc1
- #!/abc2 => http://www.example.com/#!/abc/abc2
facebook - Facebook Open Graph の prerender.io と連携する単一ページ angularjs Web サイトの Nginx 構成
単一ページの angularjs Web アプリがあります。検索エンジンがクロールできるようにしようとしています。これを実現するために、ajax ページをレンダリングするための phantomjs ブラウザーを備えた nodejs Web サーバーである prerender.io を使用しています。
次の要点に基づいてnginx構成を作成しています: https://gist.github.com/Stanback/6998085
これはほとんどの場合機能します。アプリをカールして正しい応答を得ることができます:curl -o test.html domain.com/?_escaped_fragment=/path
リクエストは prerender.io プロキシにリダイレクトされ、プロキシは次の URL で単一のリクエストを作成します。domain.com/#!/path
他のすべてのリクエスト (js、img、css、および xhr) は、通常どおり nginx を通過します。Phantomjs は、次の JS 変数が true に設定されるのを待った後、問題なくプロキシ リクエストをレンダリングします。window.prerenderReady = false;
これは素晴らしいことです... Google は私のウェブサイトをクロールできます! フェイスブックに入る。
Facebookのいいねボタン(iFrame)が使えるようにOGのメタタグをいくつか設定しています。各ページには、次のメタタグが設定されています。
これらのメタタグは各アセットの angularjs によって正しく更新され、phantomyjs プロキシはそれらが更新されるのを正しく待ってから応答を返します。
http://domain.com/#!/asset
ただし、Facebook URL リンターでURL をテストすると、いくつかの問題が発生します。
- Facebook は正規の URL と og:url が異なると主張していますが、「スクレイパーがあなたの URL について見ているものを正確に見る」をクリックすると、それらは同一です
- 「スクレイパーがあなたの URL に対して何を見ているかを正確に見る」をクリックすると、canonical と og:url が次のように置き換えられました。
domain.com/?fb_locale=en_GB#!/asset
- プロキシは 3 つの要求を受け取ります。アセットの最初のものは、正規および og:url に従っているようです
- ユーザーがこのページのように iFrame をクリックすると、私の Web サイトに戻るリンクは次のようになります
domain.com/?_escaped_fragment_=/asset
4 番目は、契約を破る問題です。ユーザーが私の投稿のページを気に入ると、Facebook アクティビティ ストリームに入ります。そのユーザーが自分のストリームで私のサイトに戻るリンクをクリックすると、プロキシを介してリダイレクトされ、phantomjs を介してページがレンダリングされます!
Facebook を介してハッシュバンとリンクを共有するべきではないと思います。リンクを共有し、 canonical / og:url を のようなものに設定する必要があると思いますdomain.com/static/asset
。useragent = Facebookまたはparamsに_escaped_fragment_が含まれている場合は、nginx 構成を更新して/static
URL を取得する必要があります。プロキシに直接送信しない場合は、ユーザーを#!/asset にリダイレクトします。
変更されたnginx構成をこれで動作させるために考えることができるすべてに疲れましたが、それは私を打ち負かしました。これらの URL をインターセプト/static
してプロキシ ランダム イメージに書き換えると、css および js アセットがプロキシを介して要求され、phantomjs がクラッシュします。
このnginx構成を変更して、Webクローラーリクエストをプロキシに転送し、Facebookがサイトから正しいogタグをスクレイピングできるようにし、ユーザーがFacebookでコンテンツを共有するときに正しいリンクバックURLを指定できるようにするのを手伝ってくれませんか?
telerik - プリレンダリング時に Telerik RadGrid 列を非表示/表示
フラグに基づいて、レンダリング前のイベントでネストされたテレリク Rad グリッドのさまざまな列を非表示/表示しようとしていますが、visible または display プロパティの設定に関係なく、すべて表示されています。
これらは私のグリッド列です:
これは、列を非表示にするコードです。
表示を false に設定しても、これらの列はすべて表示されます。列の QuickWatch は、期待どおりの表示値 (つまり、true または false) を示しますが、ページが読み込まれると、それらはすべてグリッドに表示されます。
アイデアはありますか?