jQTouchを使用してモバイルサイトを構築しましたが、今ではPhoneGapで同じサイトを使用するように取り組んでいます。 PhoneGapでは、ほとんどすべてのアセット(ページ、画像、JS、CSSなど)をwwwディレクトリに移動しましたが、Ajax経由で動的コンテンツを読み込む必要があります。モバイルサイトからは、相対URLを使用して追加のコンテンツを読み込んでいます。しかし、PhoneGapを使用して、私はモバイルサイトにアクセスするために相対URLを使用する方法を見つけず、絶対URLを使用するように強制されています。私の質問はこれです:PhoneGapで相対URLを使用する方法はありますか? PhoneGapの初期化中にベースURLを設定するようなことはありますか?PhoneGap相対URL
答えて
PhoneGapを使用すると、メインファイルが電話に表示されるので、相対ファイルは電話機の相対位置になります。
リモートサーバー(モバイルサイト)のファイルにアクセスする必要がある場合は、絶対に指定する必要があります。あなたのPhoneGapアプリ内のメインのHTMLページがfile://www/index.html
であり、あなたがしようとすると、相対ファイルにアクセスした場合
は(「logo.png」と言う)と、そうあなたが本当にfile://www/logo.png
からそれを取得している<img src="logo.png" />
を指定します。
実際にあなたのリモートWebサイトにあるlogo.pngのバージョンを実際に望んでいたなら、完全な(絶対)パスを指定する必要があります。そうしないと、ブラウザが "logo.png"あなたは "http://www.your-site.com/logo.png"にあるものを意味します。
using the <base>
tagを試すことができます。これは、何が必要にあなたのベースURLを設定します:
<base href="http://yourdomain.com/">
<script src="js/remotescript.js"></script>
注これはあなたのローカルスクリプトは絶対形式にする必要があり、今意味:
<script src="http://localhost/js/phonegap.js"></script>
このノートに関するthis other question for more infoを参照してください。
<script src="./js/phonegap.js"></script>
私は男が何を示唆したかテストしました。私のために。 – nisc
- 1. phonegapのスキームの相対URLを使用
- 2. 相対URL html
- 3. 固定URLの相対URL
- 4. NSURL URLWithString相対URL
- 5. ジャンゴ:相対URLに
- 6. Xamppの相対URL
- 7. 相対URLのプロキシ
- 8. マッチ相対URLは
- 9. Webpackコード分割、相対URL
- 10. Symfony2:AvalancheImagineBundleと相対URL
- 11. Angular2ルーティング:redirectTo相対URL
- 12. Webpackの相対CSS URL
- 13. サーバパスへの相対URL - Grails
- 14. Webview、スタイルシート相対パスint url
- 15. Cloudfront、EC2と相対URL
- 16. サブディレクトリ内の相対URL
- 17. 壊れた相対URLメソッド
- 18. Rails 3ドメイン相対URL
- 19. jQuery Mobile Betaの絶対/相対URLパス
- 20. 相対パスからの絶対URL
- 21. ページに相対URLから絶対URLを再構築
- 22. 相対URLをCurlの後に絶対URLに変更する
- 23. 公開HTMLフィールドコントロール相対URLを絶対URLに変換
- 24. URLルーティングと相対リンクの動作
- 25. mod_rewriteでの相対URLの使用
- 26. ケーキ:相対URLを使用して
- 27. Jekyll - post.urlの相対URLを使用
- 28. scrapyのLxmlLinkExtractor相対URLをクロールする
- 29. QTスタイルシートでの相対URLの使用
- 30. 背景画像の相対URL
おかげでマット:私はこのをテストしていないのに男は、地元の相対URL前ドット(
.
)を付加するが示唆しています。私はそれが答えかもしれないと思った。もしPGがベースURLを取ったinitを持っていれば涼しいでしょう。既存のモバイルから移植する際には間違いなく助けになるでしょう。異なるビューを出力する必要がないという点で、Railsアプリケーションをよりシンプルにするでしょう。 –これをチェックすると、あなたのステージング環境やローカルサーバのような外部ルートパスをPhoneGapに参照させることができます:http://www.joeldare.com/wiki/open_a_url_in_phonegap –