Question

我有一个功能我用来在浏览器的新标签页中打开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)
     }
 },

我遇到的问题是，当用户点击导航到pdf的新页面时，会使用正确的页码更新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);

希望这适合你。代码未经过测试，可能有错误。

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

1 个答案: