• ベストアンサー
  • 困ってます

リンク先のURL 指定した位置へのリンクへ操作

chromeには「選択箇所へのリンクコピー」の機能がありますが、これを自ら操作するよう書いて表現するには、どのように書けば良いでしょうか。 ことの発端は、 javascriptのコードの中でリンクURLを書かないとならないのですが、 window.open( の中に、そのchromeで取得したリンクを貼り付けても、指定した部分が表示されず、トップ画面が表示されるだけで困っています。 質問の伝え方が分かりづらく申し訳ございませんが、どなたかお助けいただけたら幸いです。どうぞよろしくお願いいたします。

共感・応援の気持ちを伝えよう!

質問者が選んだベストアンサー

  • ベストアンサー
  • 回答No.1
  • 4017B
  • ベストアンサー率73% (1215/1657)

え~っと、結論から言いますと「2022年11月時点でのテキストフラグメントの機能はまだまだ不完全な実装だから」としか。 つまり幾ら書式や手順を正しく行っても、そもそも閲覧に使用するブラウザの種類や、アクセス先のwebサイトの仕様によって挙動が大きく異なり、現時点でもまだまだ8割9割方は大丈夫とは言えないくらいの非常に不安定で不完全なweb技術となっています。ですので一介の市井の一個人の技術者レベルでどうにか出来る対応策はほとんどありません。 試しに以下のリンクをアクセス実験してみてください。URLはこの質問ページそのものに設定してあります。 - "リンク先のURL 指定した位置へのリンクへ操作": https://okwave.jp/qa/q10074878.html#:~:text=chrome%E3%81%AB%E3%81%AF,%E8%89%AF%E3%81%84%E3%81%A7%E3%81%97%E3%82%87%E3%81%86%E3%81%8B%E3%80%82 するとあらフシギ!ページ自体はちゃんと表示されるのにブラウザのURL欄に表示されるURLは指定したリンクのURL文字列とは異なり、# 以降の「ハッシュ.フラグメント」の部分がごっそりと抜け落ちてしまっています。どうしてこの様な仕様になっているのかはOKWaveの管理者にしか分かりませんが、とにかくこの謎仕様によってOKWaveのwebページには一切の「テキストフラグメント」が適用されません(ブラウザを変えても挙動に変化はありませんでした)。 また同じwebページや同一webサイト内のwebページであっても、前述の通り閲覧に使用するブラウザの種類を変えると機能したりしなかったりが起こります。例えば下記URLのwebページの場合… - "Wikipedia - FAQ": https://ja.wikipedia.org/wiki/FAQ#:~:text=FAQ%E3%81%AE%E8%AA%9E%E3%81%AF%E8%8B%B1%E8%AA%9E%E3%81%AEFrequently%20Asked%20Questions%E3%81%AE%E7%95%A5%E8%AA%9E このwebページは Chrome と Edge でアクセスした場合はOKですが、FireFox だとNGです。ChromeとEdgeで問題無く機能するのであれば、シェア6%以下のFireFoxは切り捨てでも良いかと思いがちですが…しかしながらこれには重大な落とし穴があり。それはこのChromeで正常にテキストフラグメントが機能していたwebページであっても、日を変えてアクセスすると今度は全く無反応で機能しなくなったりするのです。冒頭で述べた通り、この「テキストフラグメント」は非常に不安定な機能です。 今、この回答を記述する際に確認した時には、自分の方からは正常に機能しましたが。もしかしたら質問者がリンク先にアクセスした時には全く機能しないかもしれませんし、逆にFireFoxでも正常に機能してるかもしれません。そんな風に実際にアクセスしてみるまでは結果が分からない、正に "シュレディンガーの猫" の様な状態では安心して使う事は出来ません。実験的実装が始まって数年が経ちましたが…まだまだ「お遊び機能」の領域から脱していない感じがします。機能するしないに関わらず、せめて再現性だけでも100%ならば暫定的に使えなくも無いですが… まあ現状はそんな感じですので、質問者が悪い訳ではありません。問題自体は解決しませんが、そもそも解決できない問題だったと言う事で、どうかご了承ください。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

webの機能をよく理解しておらず、テキストフラグメントというものだとも知らず、この度はそんな私にも分かるようご解説いただきまして誠にありがとうございました。 生成されたリンクを色々書き換えてみたりしてもダメで、何か別の書き方があるのかと探していましたが、回答者様のような解説を書いているサイトに出会えず、お陰さまで不安定である機能と言うことが知れて良かったです。 この度は大変お世話になりました。 ご回答ありがとうございました。

関連するQ&A

  • リンク先

    リンクを二つ表示させるタグで <!-- function CH1(p1,p2){ window.open(p1,"window1"); window.open(p2,"window2"); } //--> <a href="JavaScript:CH1('http://inhj.co.jp/','http://google.com/')">あいうえお</a> このようなものを見つけたんですよ これやるとどちらとも別窓で開くんです こちらとしては ファイルをダウンロードした時に解説ページが開くという具合にしたいんです 片方をそのままのページに表示 片方を別窓で表示 このようなことはできるんでしょうか?

    • ベストアンサー
    • HTML
  • ホームページ作成:リンクでURLを指定して新しいページを表示したときのウインドウのサイズ

    ホームページビルダ10。フレームを使用しています。 リンクでURLを指定した新しいページを表示させます。この時、画面サイズが左半分になってしまい必ず最大化をクリックしなければなりません。最初から最大化で表示できるようにするにはどうすれば良いのでしょうか? JavaScriptのwindow.openを使わない方法はありませんか?

  • ウィンドウが閉じた時に別の指定したURLをポップアップで表示させるコード

    ウィンドウが閉じた時に別の指定したURLをポップアップで表示させたいのですが、以下のようなコードでいいのでしょうか?何度も試しているのですが、ウィンドウを閉じても別の指定したURLがポップアップで表示されません。どこに間違いがあるのか教えてください。 (作成したコード) <script language="JavaScript"> <!-- function Leave(){ window.open("表示させたい URL","window1","width=1800,height=1700"); } //--> </script> よろしくお願いします。

  • Firefox4 アドオンバーにリンク先URL

    /* アドオンバーの中にリンク先URLを埋め込み */ #main-window:not([inFullscreen]) #statusbar-display { margin-top: -17px !important; /* OS環境によっては数値の微調整が必要 */ max-width: 80% !important; } #main-window:not([inFullscreen]) .statuspanel-label { background: transparent !important; border: none !important; でリンク先URLを埋め込めますが、文字の大きさを調整 したいのですが、どうすればよいのでしょうか。

  • 別ページの指定した座標(x.y)へリンクしたい

    はじめまして http://okwave.jp/qa/q751783.html で、既に質問されている方とほぼ同じ内容の質問です。 上記質問では一見解決がなされておらず、参考にしたくとも当方でも結局出来ませんでした。 よって、改めて、私の問題点を率直に質問をさせて頂こうと思います。 http://freeeeeze.web.fc2.com/scrollin/scroll.html 上記URL、こちらに、つたないながらうまく行かないで困っているhtmlを置いてあります。 要は、パララックスに興味を持ち「skrollr-master」を素に作り始めましたが ページ内のリンクは「<a onclick="window.scroll(0,1000);" />●●</a>」で解決したのですが、リンクした別ページのページ途中(例えばスクロール量4000の座標)への設定がどうしてもできません。 <SCRIPT language="JavaScript"> <!-- function OpenWin1(){ win=window.open("link01.html","_top"); win.scroll(0,500); } // --> <!-- function OpenWin2(){ win=window.open("link01.html","_top"); win.scroll(0,4000); } // --> <!-- function OpenWin3(){ win=window.open("link02.html","_top"); win.scroll(0,500); } // --> <!-- function OpenWin4(){ win=window.open("link02.html","_top"); win.scroll(0,4000); } // --> </SCRIPT> http://okwave.jp/qa/q751783.htmlで紹介されている内容が使えるかなと思い 上の様なものを真似て書き、 <a href="javascript:OpenWin1()">●●</a> からリンクをとやってみたのですが、うまく行きません。 見よう見まね、パクったり、繋ぎ合わせたり、素人がちょっと無理な事に首を突っ込んで いる感じなのですが、 ペラ1のパララックスを作ってみるという、課題をなんとかクリアしたく、 どうか、お知恵ある方々にアドバイス頂ければと思い質問させて頂く事にしました。 何となく、htmlやcssやjavascriptを使っているレベルです。 今回「bootstrap」も使ってスマホ対応という課題も課してやってみています。 いろいろ、理解をしてやっているのではないので ご面倒かと思いますが、できるだけ噛み砕いてご教示頂けると助かります。 もちろん、htmlを書き直して頂いて示して頂けるに越した事はありません。 何卒、どうか宜しくお願い致します。

  • リンクのURLが開けません!

    IEのWEBページの中にある、リンクURLをクリックしても、開けなくなりました。コピーをして、アドレスにペーストすると開けるのですが。いろいろやってみて、メールoutlookの中にある、URLは表示できるようになりました。助けてください!

  • PDFファイルから別ウィンドウでURLリンクの方法

    Acrobat Professional6.0を使ってます。PDFファイルからリンクツールを使って、新規ブラウザでURLリンクさせたいと思ってます。 アクション設定で「Javascriptを実行」を選択し、 window.open("http://www.++++.co.jp","sample"); と書いてみましたがダメでした。 何か方法はありますでしょうか。

  • リンク先URLを隠せますか

    リンク先アドレスを下のステータスバーでやソース上で隠す方法はできるのですが、リンクをクリックしてそのページにとんだとき、IEのアドレスバーにはそのアドレスが表示されてしまいます。 以前どこかで読んだのですが、ジャンプ先のアドレスバーに表示されるURLを常にTOPページのURLにできる方法を知っている方教えてください。 もしかしたら使用しているサーバーの仕様だったかもしれませんが。 (自作掲示板へジャンプさせるのですが、もろに掲示板のCGIアドレス出てしまうため、それを避けたいのです)

  • リンク先が表示されません。

    ページ内をクリックしても、リンク先へいけません。 リンク先のURLの表示がjavascriptになってしまいます。 セキュリティレベルを中にして、javascriptも有効したのですがだめでした・・・。 解決方法をお願いします。

  • URLのリンク張りたい

    URLをコピーして、他の箇所のペーストしても リンクされません。 張りつけ先はメモ帳です 初歩的な質問ですが、よろしくお願いします。