web-dev-qa-db-ja.com

Chrome / FirefoxでSharePointファイルを開く方法

Internet Explorerでは、リンクからSharepointファイルを直接開くことができるため、Sharepointのファイルは保存時に自動的に更新されます。ただし、Chromeでは、ファイルを開くだけでなく、ダウンロードするように求められます。 Firefoxでは、ファイルを開くことはできますが、それでも一時フォルダーにダウンロードしてから開くだけです。

Internet Explorerで行うのと同じように、ChromeまたはFirefoxでSharepointファイルを直接開くにはどうすればよいですか？

internet-explorergoogle-chromesharepointfirefox
30
Verne Jules

Chrome拡張機能 IEタブ をインストールすると、私のために仕事をしました。

URLを自動検出する機能があるため、SharePointを参照するたびにInternet Explorerをエミュレートします。最後に、Chromeから直接Officeドキュメントを開くことができます。

FireFoxでも IETab をインストールできます。

25
Sigar Dave

https://sharepoint.stackexchange.com/questions/70178/how-does-sharepoint-2013-enable-editing-of-documents-for-chromeに従って、リンクにWebベースのプロトコルハンドラーを使用できます-and-fire-fox

基本的に、単にms-Word:ofe|u| SharePointがホストするWordドキュメントへのリンク。

7
LyphTEC

編集モードでOfficeファイルを開く非常に興味深い方法を提供してくれた@LyphTECに感謝します！

関数_DispExユーザーがドキュメントライブラリ内のファイルをクリックしたときに呼び出されます。元の関数をハッキングすることで、ダイアログ（Firefox/Chromeの場合）を開き、ユーザーにファイルの読み取り専用または編集を希望するかどうかを尋ねることができます。 enter image description here

以下で使用したJavaScriptコードを参照してください。私のコードはExcelファイル用ですが、Word文書でも動作するように変更することができます。

    /**
 * fix problem with Excel documents on Firefox/Chrome (see https://blog.kodono.info/wordpress/2017/02/09/how-to-open-an-Excel-document-from-sharepoint-files-into-chromefirefox-in-readonlyedit-mode/)
 * @param  {HTMLElement} p the <A> element
 * @param  {HTMLEvent} a the click event
 * @param  {Boolean} h TRUE
 * @param  {Boolean} e FALSE
 * @param  {Boolean} g FALSE
 * @param  {Strin} k the ActiveX command (e.g. "SharePoint.OpenDocuments.3")
 * @param  {Number} c 0
 * @param  {String} o the activeX command, here we look at "SharePoint.OpenDocuments"
 * @param  {String} m
 * @param  {String} b the replacement URL to the xslviewer
 */
var bak_DispEx;
var modalOpenDocument; // it will be use with the modal
SP.SOD.executeOrDelayUntilEventNotified(function() {
  bak_DispEx = _DispEx;
  _DispEx=function(p, a, h, e, g, k, c, o, m, b, j, l, i, f, d) {
    // if o==="SharePoint.OpenDocuments" && !IsClientAppInstalled(o)
    // in that case we want to open ask the user if he/she wants to readonly or edit the file
    var fileURL = b.replace(/.*_layouts\/xlviewer\.aspx\?id=(.*)/, "$1");
    if (o === "SharePoint.OpenDocuments" && !IsClientAppInstalled(o) && /\.xlsx?$/.test(fileURL)) {
      // if the URL doesn't start with http
      if (!/^http/.test(fileURL)) {
        fileURL = window.location.protocol + "//" + window.location.Host + fileURL;
      }
      var ohtml = document.createElement('div');
      ohtml.style.padding = "10px";
      ohtml.style.display = "inline-block";
      ohtml.style.width = "200px";
      ohtml.style.width = "200px";
      ohtml.innerHTML = '<style>'
                      + '.opendocument_button { background-color:#fdfdfd; border:1px solid #ababab; color:#444; display:inline-block; padding: 7px 10px; }'
                      + '.opendocument_button:hover { box-shadow: none }'
                      + '#opendocument_readonly,#opendocument_edit { float:none; font-size: 100%; line-height: 1.15; margin: 0; overflow: visible; box-sizing: border-box; padding: 0; height:auto }'
                      + '.opendocument_ul { list-style-type:none;margin-top:10px;margin-bottom:10px;padding-top:0;padding-bottom:0 }'
                      + '</style>'
                      + 'You are about to open:'
                      + '<ul class="opendocument_ul">'
                      + '  <li>Name: <b>'+fileURL.split("/").slice(-1)+'</b></li>'
                      + '  <li>From: <b>'+window.location.hostname+'</b></li>'
                      + '</ul>'
                      + 'How would like to open this file?'
                      + '<ul class="opendocument_ul">'
                      + '  <li><label><input type="radio" name="opendocument_choices" id="opendocument_readonly" checked> Read Only</label></li>'
                      + '  <li><label><input type="radio" name="opendocument_choices" id="opendocument_edit"> Edit</label></li>'
                      + '</ul>'
                      + '<div style="text-align: center;margin-top: 20px;"><button type="button" class="opendocument_button" style="background-color: #2d9f2d;color: #fff;" onclick="modalOpenDocument.close(document.getElementById(\'opendocument_edit\').checked)">Open</button> <button type="button" class="opendocument_button" style="margin-left:10px" onclick="modalOpenDocument.close(-1)">Cancel</button></div>';
      // show the modal
      modalOpenDocument=SP.UI.ModalDialog.showModalDialog({
        html:ohtml,
        dialogReturnValueCallback:function(ret) {
          if (ret!==-1) {
            if (ret === true) { // edit
              // reformat the fileURL
              var ext;
              if (/\.xlsx?$/.test(b)) ext = "ms-Excel";
              if (/\.docx?$/.test(b)) ext = "ms-Word"; // not currently supported
              fileURL = ext + ":ofe|u|" + fileURL;
            }
            window.location.href = fileURL; // open the file
          }
        }
      });
      a.preventDefault();
      a.stopImmediatePropagation()
      a.cancelBubble = true;
      a.returnValue = false;
      return false;
    }
    return bak_DispEx.apply(this, arguments);
  }
}, "sp.scriptloaded-core.js")

私が使う SP.SOD.executeOrDelayUntilEventNotifiedは、関数がcore.jsがロードされます。

3
AymKdn