問題タブ [cassette]

Android2.xデバイスでJavascriptが予期しない方法で失敗するという奇妙な状況があります。

いくつかの説明は次のようになります。

• Javascriptアプリケーションの一部は機能しますが、一部は機能しません。これらの「パーツ」は、個別のコンストラクターを持つモジュールとして分割されます。

• Javascriptアプリケーションは、あるサーバーで失敗し、独自のネットワーク内の別のサーバーでは失敗しません。

• Javascriptアプリケーションは、ページ上の複数のスクリプトファイルでILLEGAL TOKENエラーをスローすることがありますが、アプリケーションはどのデスクトップクライアントでもエラーをスローせず、構文的に正しいと見なされます。

これを修正するには、アドレスバーにabout：debugと入力して更新します。ブーム。突然、すべてのモジュールとすべてのサーバーを含む完全なJavascriptアプリケーションが機能します。

さらに、Androidはこれを「記憶」しており、欠陥は90％の確率で解消されていますが、ランダムに発生することがあります。

これはASP.NETEpiserverスタックであり、Cassetteを使用して約12〜20のスクリプトを連結および縮小し、約4つの「最終的な」スクリプトブロックがページにレンダリングされます。

誰かがこのようなものに遭遇したことがありますか？私の唯一の戦略は、スクリプトをいくつかの追加のHTTPリクエストに分割して、パーサーの速度を落とすことです...しかし、ここで何が起こっているのかは本当にわかりません。

ありがとう！

Cassetteツールを使用して、次のテンプレートをコンパイルします。

私からしてみれば：

質問

KnockoutJS が をサポートしていることは知っています$indexが、テンプレートがコンパイルされる$indexと存在しなくなります。

$indexコンパイル済みテンプレートにアクセスするにはどうすればよいですか?

Cassette のバージョン 2 に移行しています。

しかし、HTML テンプレートをコンパイルするように Cassette を構成するのに役立つ Web は見つかりませんでした。

テンプレート

一部のテンプレート jQuery テンプレートは次のとおりです。

すぐに jsRender を使用できるように変更します。

その他 KnockoutJS として

IConfiguration<BundleCollection>クラス

ローカルマシンでは正常に動作しますが、展開すると次のエラーメッセージが表示されます。

この問題を解決するために私ができることについて何かアイデアはありますか？

これをテストするために、新しいソリューション/プロジェクトをセットアップしました (2012 年 10 月 9 日現在の最新の azure SDK を使用)。私は Cassette から始めて、css ファイルとスクリプト ファイルを縮小、圧縮、および結合しようとしました。ローカルで実行すると、自分のページにアクセスしようとすると 500 エラーが発生します。奇妙なことに、カスタム エラーをオフにしたり、デバッグをオンにしたりしても、詳細な情報を取得できません。その後、Cassette をアンインストールし、Combres を試しました (Azure で動作させたという人もいます)。同じエラー。念のため、スタートアップ プロジェクトを Web ロールのみに変更し、ページの読み込みが問題なく行われるようにしました。

この作業中の Web サイトを Azure で動作させるために必要な設定は何ですか?

編集: minfying/combining 機能を提供するパッケージを削除すると、ページが正しく読み込まれます (Azure エミュレーターでローカルに実行されます)。

JavaScriptを縮小するためにCassetteを使用しています。エラーの原因となっているため、CassetteにJavaScriptファイルの1つを縮小させたくありません。私はむしろ、元のライブラリの作者によって提供されたすでに縮小されたバージョンを使用したいと思います。

ファイルを縮小せずにJavaScriptファイルをCassetteに追加するにはどうすればよいですか？

VisualStudio2010でフォルダーを設定する方法は次のとおりです。

Bootstrapを最初に表示し、formsとtigoをmain.lessの後に表示する必要があるため、いくつかの参照を設定しました。

このアプリケーションをローカルマシンで実行すると、次のようになります。

私のマシンでは問題なく動作します。

ただし、AppHarborに公開する場合、参照（縮小）CSSファイルにはbootstrap.cssからの情報のみが含まれます

カセットの構成は次のとおりです。

そして、これが私の_Layout.cshtmlファイルです。

正しく機能しない理由はありますか？bootstrap.cssを取得しているのに、他の3つのファイルを忘れているのはなぜですか。

最新の編集：chrisvillanuevaの回答に基づいて、質問の最後に解決策を追加しました

ボタンを作成するヘルパーメソッドがあります。このボタンをクリックすると、ダイアログが表示され（jQuery UIダイアログ）、ボタンがページに複数回表示されます。
ヘルパーメソッドには、JavaScriptコードや、ボタンがクリックされたときに表示されるダイアログのHTMLなど、一度だけレンダリングしたい部分が含まれています。（基本的に、ボタン自体のHTMLを複数回レンダリングする必要がある唯一のもの）

カセット（http://getcassette.net/）を使用しているときにJavaScriptがロードされることを確認するために、ダイアログのHTMLの適切なソリューションが見つからないため、カセットにHTMLテンプレートがあるのを見ましたが、非常に複雑です。 HTMLはスクリプトタグでレンダリングされます。

現在の私の回避策は、CassetteのHTMLテンプレートを使用することです。これにより、最初と最後のテンプレートでラッピングブロックがなくなり、HTMLがブラウザによってレンダリングされます。ひどいです...：/
これはHTMLです。現在、CassetteのHTMLテンプレートで使用しています

どんなアイデアでもありがたいです。カセット付きのものか、MVC3に組み込まれているものが望ましいです（ライブラリを追加したくない）

編集：スクリプトブロック内にあるhtmlでjQuery UIのダイアログを使用する簡単な方法もあるかもしれません（私はそれで遊んで検索しようとしましたが、コンテンツを別のhtml要素に「プッシュ」する以外のものを見つけることができませんでした）

サンプルコード：

javascriptは、ボタンにクリックイベントを設定するだけです。$(".dialog").dialog()

私がやったこと：
chrisvillanuevaの答えに基づいています。このHTMLをレンダリングするCassetteのHtmlTemplatesを使用します。

これをjQueryUIのダイアログ（http://api.jqueryui.com/dialog/）で使用するには、次のコードを使用します。$($("#dialogHtmlTemplate").html()).dialog() これにより、ブラウザーでhtmlがレンダリングされ、その周りにダイアログが作成されます。 mustache.jsまたはjQueryテンプレート。上記の状況（テンプレートを繰り返すだけではありません）には必要ありません。

パフォーマンスの面では、これが最善の解決策ではないと思います（毎回inner-htmlをコピーします）が、今のところは十分です...

ASP.NET でのアセットのバンドルには、最も優れたCassetteを使用しています。ただし、URL の書き換えを完全に無効にした方が便利な場合もあります。縮小化を防止したり、バンドルを停止したりするための解決策があることは知っていますが、Cassette HtmlHelper が単純に (一時的に) 元のアセット URL を出力するようにしたいと考えています。

たとえば、以下を発行するのではなく:

カセットはオリジナルを放出します:

背景: 統合テスト用の ASP.NET MVC アプリケーションの InProcess ブートストラップをいじっています。Cassette の '.axd' と URL 書き換えの側面は、もう 1 つの懸念事項にすぎないため、一部のテストで効果的に Cassette をオフにすると便利です。

プロジェクトでCassetteライブラリの使用を開始しました。このライブラリは、デフォルトで Microsoft Ajax Minifier を使用します。Firefox ブラウザーでのみ、一部のページで HTML レイアウトが壊れる問題に直面しています。問題は CSS3 関数 calc() に関連していることがわかりました。+ および - 演算子は、この関数では常に空白で囲む必要があります。この縮小領域のどこかでこのプロパティを再定義できますが、そうしたくありません。ファイル内で修正したい。出来ますか？