問題タブ [hashbang]
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.
url - URLでのハッシュバン(#!)の使用
ハッシュバンとは何ですか?ハイパーリンクでのハッシュバンの使用法は何ですか?
javascript - Safe to have space in hash/URL fragment?
I'm writing a Javascript driven one-page application where the URL contains a # param eg. (example.com/#foo/bar
) to represent application state (I've considered using various JS frameworks but cannot, due to various reasons).
Sometimes, the hash may have a space (or many spaces) in it. Eg. example.com/#foo/bar bar2
.
- Is this safe?
- Are there any other characters that shouldn't be used in the hash portion?
This question addresses the question of spaces in the URL portion and recommends escaping spaces. But since changing the fragment after the # doesn't result in a new HTTP request, do those rules apply?
url - Facebook 共有者は、HTML 要素のコンテンツからタイトルを取得します
複数の Facebook の「これを共有」ボタンを備えた単一ページの Web サイトに取り組んでいます。主な URL は次のとおりです。
http://wishdesign.nl/fora/fb.sharer.htm (動作中のデモ URL)
Facebook 共有 URL は次のようになります。
http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwishdesign.nl%2Ffora%2ffb.sharer.htm
最後のリンクをクリックすると、共有タイトルが、メタ タグで設定された Open Graph タイトル「テスト タイトル」であることがわかります。ここまでは順調ですね。
ただし、ページの各セクションには、次のようにハッシュ バンを含む URL を介して特定のセクションを共有するボタンがあります。
http://wishdesign.nl/fora/fb.sharer.htm#section-b
Facebook 共有 URL は次のようになります。
「#section-b」の追加は、訪問者がページの適切なセクションに自動的にリダイレクトされるようにするのに役立ちますが、... Facebook はセクションのコンテンツを共有タイトルとしても使用しています! また、セクションにかなりの内容が含まれている場合、タイトルはかなり長くなります。
これに影響を与える方法はありますか?ID「section-b」のHTML要素にtitle、og:title、およびproperty:og:title属性を設定しようとしましたが、うまくいかないようでした。
誰か手がかりを持っていますか?前もって感謝します!
ajax - ハッシュバング (#!) URL を使用して ajax を利用した Web サイトにカスタム タイトルを追加できますか?
www.example.com/#!/page のようなハッシュバング URL を持つ ajax を利用した WordPress テーマを使用しています。SEO のために、各ページにカスタムのタイトルと説明を追加できないか疑問に思っています。このサイトはまだインデックスに登録されていないので、Google がハッシュバング URL を含むページをどのように認識しているかわかりませんが、ホームページと同じタイトルになると思いますか? ところで、ウェブサイトは www.jsomedia.com です
ありがとう。
javascript - history.js + Google
GoogleによるAJAXクロールについて話しましょう:
history.jsは見苦しいハッシュバン URL の優れた代替手段であるため、特定の問題について疑問に思っていました。HTML5 以外のブラウザー (IE 9 は history.pushState をサポートしていないなど) では、古いハッシュバンが使用されます。
では、Google にはどのバージョンが表示されるのでしょうか。Google が重複したコンテンツ (ナイス URL で 1 回、ハッシュバンで 1 回) を検出するリスクはありますか?
それについての考えをありがとう。
internet-explorer - Facebook共有のフォールバックとして使用されている場合でも、ハッシュバンは悪い考えですか
バックボーンでは、ハッシュバンが「#/ path」への標準フォールバックでコードから削除されました。これは、クロールには問題ありません(https://github.com/documentcloud/backbone/commit/10230e4d76e21f08a1dee1fe5d28994e2cf5f11d#commitcomment-477992を参照) 。
しかし、ie9ユーザーがFacebook共有(コピーして貼り付けるURL)を実行したい場合でも、_escaped_fragment_ハンドラーが必要です。そこで、正規URLを実行するか、リダイレクトしてクリーンな方法で処理できますが、「#!」フォールバックはまだ必要ですよね?
.htaccess - Backbone.js PushStateルート.htaccessはハッシュとしてのみ機能し、他の場所では機能しません
たとえば、domain.comというWebサイトがあります。pushstateとfallbackを備えたbackbone.jsがあり、domain.com / aboutにアクセスすると、index.htmlページとpushstatesが約に読み込まれます。すべてが機能しています。しかし、たとえばwww.domain.com/bio/moreinfoのようなページが含まれているディレクトリに移動したい場合、それは機能せず、無効なページをスローします。IEで実行すると、正常に動作します。私のhtaccessファイルには次のものがあります。
domain.com/bio/moreinfoページに直接移動すると、クラップスになります(サーバーがバイオディレクトリに移動したいのでしょうか?それとも、バックボーンのルートを実際に別の方法で制御する必要があるのでしょうか?それは前髪で機能するだけですしたがって、#bio/infoが/bio/infoとapacheと同じではない奇妙なプッシュ状態ディレクトリのものである必要があります。助けていただければ幸いです。
ember.js - Ember.jsを使用したハッシュバンURL
Router
「ハッシュバン」URLを使用するように設定しようとしています( #!
)。
私はこれを試しましたが、明らかに機能しません:
これはEmberで行うことができますか?
asp.net-mvc - AngularJS $routeProvider と ASP.NET MVC の相対 URL
私はAngularJSがまったく初めてです。$routeProvider で相対 URL を試してみたかっただけです。
シナリオは次のとおりです。
「編集」ページがあります。ページへの ASP.NET MVC リンクは次のようになります。
したがって、ASP.NET MVC コントローラーは「WorkflowController」で、アクションは「編集」です。パーシャルには、次のようなパーシャル ビューを返すコントローラー アクションがあります。
以下は AngularJS モジュールの構成です - 注: PartialView (上記のように) はルートごとに呼び出されます (これは正しくない可能性があります)。
注:次のいずれも指定していません。
$locationProvider.html5Mode(false);
また
$locationProvider.html5Mode(false).hashPrefix('!');
href リンクは次のように指定されます。
これにより、次の形式のリンクが生成されます。
これは明らかに間違っています (リンクをクリックしても何も起こらないのは、おそらくブラウザがハッシュに移動しようとしたためです)。
パーシャルを直接ナビゲートするhttp://localhost/Workflow/WorkflowTransition
と、ブラウザは html をそのままレンダリングします (angularjs 中括弧 {{}} とともに)。
私の質問は次のとおりです: AngularJS は「#」または「#!」をどのように扱いますか? 相対 URL の決定に関しては? たとえば、このルートを実行します (アンカー タグの URL から /Edit 部分を削除したと仮定します):
$routeProvider.when('Workflow/WorkflowTransition',
次の URL に一致します。
http://localhost/Workflow/#WorkflowTransition
?
URL から '#' を削除し、 $routeProvider.when() の URL パターンと照合しますか?
誰かが相対 URL の正しいルートを提案できますか?
bash - スクリプトの代替通訳者
2台のコンピューターで実行しているスクリプトがあります。コードの最初の行は次のようになります。
2台目のコンピューターでは、に保存されているバージョンのGNUplotを使用したいと思います$HOME/bin/gnuplot
。
$HOME/bin
は2番目のコンピューターの$PATH
変数に含まれているので、GNUplotへの一般的な呼び出しでスクリプトを開始してみました。
しかし、スクリプトがを検索したため、これは機能しませんでした./gnuplot
。
両方のコンピューターでヘッダー行を同じにする方法はありますか?スクリプトがコンピューターを区別したり、どのコンピューター上にあるかを教えたりする必要なしに、ソリューションがその1行に何らかの形で含まれていることを望んでいます。