基本的なhtmlリンクの質問です。
イントラネットのセットアップがあり、いくつかのネットワーク ドライブにリンクする必要があります。\server_drive\blahblah\doc.docx などのドライブにあります。
file:// の使用は、IE8 でも Firefox でも機能しません。これらのファイルにリンクするにはどうすればよいですか?
HTML ドキュメントから UNC パスにリンクするには、file:///// を使用します (そうです、5 つのスラッシュです)。
file://///server/path/to/file.txt
これは IE と Outlook/Word で最も便利です。意図的に Chrome や Firefox では機能しません。リンクはサイレントに失敗します。Mozilla チームからの言葉:
セキュリティ上の理由から、Mozilla アプリケーションはリモート ファイルからローカル ファイル (およびディレクトリ) へのリンクをブロックします。
それほど直接的ではありませんが、Googleから:
Firefox と Chrome は、ローカル マシンの外部から作成されたページからの「file://」リンクを開きません。これは、これらのブラウザがセキュリティを向上させるために行った設計上の決定です。
Mozilla の記事には、Firefox でこの動作をオーバーライドするために使用できる一連のクライアント設定が含まれており、両方の ブラウザーでこの制限をオーバーライドするための拡張機能があります。
ネットワークサーバーでIISをセットアップし、パスをhttp://server/path/to/file.txtに変更します
編集:IISでディレクトリブラウジングを有効にしていることを確認してください
代替 (ユーザーへのツールチップの挿入):
<style>
a.tooltips {
position: relative;
display: inline;
}
a.tooltips span {
position: absolute;
width: 240px;
color: #FFFFFF;
background: #000000;
height: 30px;
line-height: 30px;
text-align: center;
visibility: hidden;
border-radius: 6px;
}
a.tooltips span:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -8px;
width: 0;
height: 0;
border-top: 8px solid #000000;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}
a:hover.tooltips span {
visibility: visible;
opacity: 0.8;
bottom: 30px;
left: 50%;
margin-left: -76px;
z-index: 999;
}
</style>
<a class="tooltips" href="#">\\server\share\docs<span>Copy link and open in Explorer</span></a>