問題タブ [html5-apps]

ionic を使用してアプリを開発しています。検索入力とリフレッシャーを追加したときに問題が発生しました。

キーボードの場合、Ionic は本文に何らかのクラスまたはインライン スタイルを追加し、検索入力にフォーカスするためにion-content を追加します。しかし、「overflow: visible;」があります。リフレッシャーが明らかになるように、イオン含有量について。

次のように私のHTMLの一部：

HTML構造を変更するには？

イオンプラグインionic-plugins-keyboardを使用しました。

ビジネス統合図を描くために Raphael ライブラリを使用しています。最近、アプリケーションが Firefox ブラウザーで開かれている場合、Raphael が線を描画できないことに気付きました (バージョン 37.0 と 38.0 の両方でテスト済み)。Firefox ブラウザーでhttps://jsfiddle.net/を使用してサンプル行を描画するために、次の raphael スクリプトを試しました 。

上記のスニペットを試す前に、jsfiddleでRaphael 2.1.0をロードしてください Chromeでは、形状を描画して色を塗りつぶすことができます。しかし、Firefox (バージョン 38) では機能せず、空白の画面が表示されます。

この問題は長い間私を悩ませてきましたが、解決策が見つからないようです。Facebook 開発者パネルのすべての設定、サイト URL、アプリ ドメイン、OAuth URL が正しく構成されています。

iPhone でアプリを実行し (iTunes からインストールしました)、認証ボタンをクリックすると、次の画面が表示されます。

ただし、ログインした後、自分のページにリダイレクトされるのではなく、空白の画面が表示されmain.htmlます。

OpenFBプラグインを Parse および Facebook Graph API と共に使用して、ユーザー データを認証および保存しています。ログイン コードは次のとおりです。

login.html:

oauthcallback.html:

注: とをパネルの有効な OAuth リダイレクト URI リストに追加しましたmain.html。login.htmloauthcallback.html

Open SansGoogle Fonts API / CSS を介してOpenType Webフォントを読み込んでいます。

Chrome 43 (Linux+Windows) と Internet Explorer 11 (Windows) の両方で、ブラウザーはフォントで指定されたとおりにテキストをレンダリングします。ただし、Firefox 38.0.5 では、一部の文字でテキストの幅や間隔が異なる方法でレンダリングされます。すべてのフォント バリアントはデフォルト値 (「通常」) です。

例として、文字1、a、b、およびを使用できますi。Open Sans の "unitsPerEm" は 2048 です。したがって、18.0px のフォント サイズでは、上記の各文字の 30 文字の幅は、1/u * p * c * w に基づいて次のようになります。ここで、u = 2048、p = 18.0、c = 30、w は各文字の前進幅です ( Wolfram Alpha 方程式)。

これ ( JSFiddle ) は、キャンバス メソッドを使用して、、、、およびのそれぞれのmeasureText30 文字の幅をピクセル単位で出力します。1abi

Chrome のテキストの長さは、期待される値と正確に一致します。

aFirefox Linux のテキストの長さは、Firefox がサブピクセル精度を提供しないという事実を考慮した後でも、を除くどの文字とも一致しません。

canvas によって報告された幅が実際に Chrome と Firefox の両方で出力されるものであることを確認しました。次の画像は背景が赤で、Chrome のテキストは黒、Firefox のテキストは白です。 Gimp「測定」ツール。Firefox のbandiは広1すぎ、狭すぎます:

aまた、補足として、Firefox Windows のテキストの長さは Firefox Linuxとさえ一致していませbん。1i

これは、デフォルト設定で拡張機能がインストールされていないクリーンな Firefox プロファイルです。

誰かが何が起こっているのか、また Firefox にフォント仕様に従って強制的にフォントをレンダリングさせる方法を説明できますか?

更新: Windows では、問題を解決するように設定を設定しますgfx.font_rendering.directwrite.enabled(trueこれは、ハードウェア アクセラレーションが利用可能な場合の Firefox のデフォルトであると考えられます。この設定は、私のテスト用 VMWare システムのように、ハードウェア アクセラレーションが利用できない場合でも強制的に有効にします)。DirectWrite は、バージョン 37 以降、Windows 上の Chrome のデフォルトです。Linux の動作はまだ説明されていません。このブログ投稿では、Windows 上の Firefox での DirectWrite レンダリングについて詳しく説明しています。

学習課題として、単純な PHP テキスト エディターを Firefox デスクトップ Web アプリとして構築したいと考えています。私が見る限り、厄介な点はローカル ファイル アクセスです。たとえば、ファイルを IndexedDB に保存することは明らかに適切ではありません (「実際の」ファイルを書き出す手段がない限り?)。

XulRunner を使用して実際に Web アプリケーションを作成するわけではなく、NW.js を使用している場合よりも XulRunner が最適な妥協点であると判断しました。XulRunner を使用すると、OSFile.jsm などの特権付き JS モジュールにアクセスできるようになります。これは、パッケージ化された Web アプリとしても使用できないと思います。(また js-ctypes もあり、JS よりも速いものを呼び出すのに便利な場合があります。たとえば、オートコンプリート機能のために PHP コードを解析する場合などです。)

Mozilla が XUL と XBL からの移行を検討していることを読みました (はい、これには時間がかかることはわかっています)。

Mozilla テクノロジーを使い続けたいのですが、使用するのに最適なプラットフォームは何ですか? これは、Moz の技術を使用して (まだ) できないのでしょうか? Firefox を使用して純粋なデスクトップ Web アプリとしてこれを行う方法を見逃していませんか?

Panasonic TV デバイスの Firefox OS で、このようなデジタル サイネージ アプリケーションを開発できるかどうかを知る必要があります。