更新新浏览器选项卡中打开的PDF的当前页码

Question

我在浏览器的新选项卡中使用了一个函数。用户可能需要导航到与打开的页面不同的页面，因此页面也可以通过函数更新：

 openpdf: function(url, page, pageCount){
     try {
     console.log('the page count is ' + pageCount);
     var page = new Number(page) + new Number(pageCount);        
     if (mobileAndTabletcheck()){
         console.log('mobile detected');
         return window.open(url + '#page' + page, 'somename');
     }
     console.log('no mobile detected')
     return window.open(url + '#page=' + page, 'somename');
     }
     catch(e){
     console.log(e)
     }
 },

我遇到的问题是，当用户单击以导航到PDF的新页面时，将使用正确的页码更新URL，但是查看器始终在页面上打开。

有人知道如何更新URL时如何进行当前页面更新？

Answer 1

您可以将本地存储用作跟踪开放文档的位置。我相信PDF查看器和主页停留在同一域上。因此，您可以尝试这样的事情。

openpdf: function(url, page, pageCount){
 try {
 console.log('the page count is ' + pageCount);
 var page = new Number(page) + new Number(pageCount);        
 if (mobileAndTabletcheck()){
     console.log('mobile detected');
     return window.open(url + '#page' + page, 'somename');
 }
 console.log('no mobile detected')
 return window.open(url + '#page=' + page, 'somename');
 }
 catch(e){
 console.log(e)
 }
 var openedLinks = JSON.parse(localStorage.getItem("links"));
 openedLinks.push("Your URL here");
 localStorage.setItem("links", JSON.stringify(names));
}

在PDF查看器页面上，只需更新本地存储。

  onpageChanged : function(){
     var openedLinks = JSON.parse(localStorage.getItem("links"));
     var index = items.indexOf("Your current Url");
     if (index !== -1) {
         openedLinks[index] = "Your updated URL";
     }
     localStorage.setItem("links", JSON.stringify(names));
  }

最后在主页上，使用计时器之类的内容来跟踪打开的链接。

  setInterval(function(){
     var openedLinks = JSON.parse(localStorage.getItem("links"));
     $("#someDiv").html(openedLinks.join(","));
  },1000);

希望这对您有用。该代码未进行测试，可能有错误。