Chrome縮下視窗或是切換其他tab時element不會更新 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2

Chrome縮下視窗或是切換其他tab時element不會更新

chrome extension element-ui

Robin 2019-12-08 13:35:18 ‧ 1578 瀏覽

如上述標題
小弟最近寫了一個chrome的擴充去撈某tab的element(那個element是會一直更新的)
但是我發現只要在同視窗切換到其他分頁或是縮下視窗..
Element會freeze 切換回去又會自動更新QQ
想問各位大大有辦法解決這個問題嗎?
感謝

登入發表討論

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

2 個回答

4

dragonH

iT邦超人 5 級 ‧ 2019-12-08 17:02:15

最佳解答

沒看到你的 code

不知道你是怎麼寫的

不過我實測我這樣寫

就算是 inactive 的狀態

還是可以一直更新 title 的

你可以試試看

除非你那網頁本來就是 inactive 的狀況就會停止運作

code

chrome.tabs.getAllInWindow(null, (tabs) => {
  const [targetTab] = tabs.filter((tab) => tab.url.includes('timeanddate'));
  const { id } = targetTab;
  const code = `
    setInterval(() => {
      document.title = document.querySelector('.my-city__digitalClock').textContent.slice(1);
    }, 1000)
  `;
  chrome.tabs.executeScript(id, { code }, (data) => {
    console.log(data);
  })
})

result

回應 7
分享
檢舉

看更多先前的回應...收起先前的回應...

Robin iT邦新手 2 級 ‧ 2019-12-08 19:16:47 檢舉

感謝大大，是這樣的我是做一個去撈youtube cc字幕的擴充
一直以為是chrome機制讓他freeze不更新element
剛剛驗證真如大大說的

除非你那網頁本來就是 inactive 的狀況就會停止運作

看來要想辦法讓那個分頁讓他不要inactive...

非常感謝大大

dragonH iT邦超人 5 級 ‧ 2019-12-08 20:14:42 檢舉

或許可以換個方法

cc字幕的話

google 好像有幾個工具能用

就不用這麼麻煩了

阿展展展 iT邦好手 1 級 ‧ 2019-12-08 21:08:06 檢舉

可惡書籤列沒有怪怪的連結

Robin iT邦新手 2 級 ‧ 2019-12-08 22:47:46 檢舉

不好意思想多問一下google的工具是指什麼
感謝 ><

dragonH iT邦超人 5 級 ‧ 2019-12-09 13:15:20 檢舉

我指的是直接關鍵字搜尋 CC 字幕下載

Robin iT邦新手 2 級 ‧ 2019-12-09 17:56:39 檢舉

哦哦～xDDD
請原諒我一直沒有把我的情境和需求說明白，說的很含糊Orz
以下是我做的chrome擴充。
GitHub Link
第一次接觸Javascript的菜雞Orz...
感謝大大有耐心的幫我解答

dragonH iT邦超人 5 級 ‧ 2019-12-09 20:57:48 檢舉

好像不能用

而且錯誤訊息好像會起笑

登入發表回應

1

阿展展展

iT邦好手 1 級 ‧ 2019-12-08 13:41:56

你是用什麼語言寫的0.0
他freeze 前後其他功能有沒有不正常的地方?

回應 6
分享
檢舉

看更多先前的回應...收起先前的回應...

Robin iT邦新手 2 級 ‧ 2019-12-08 15:45:42 檢舉

javascript QQ
功能沒有不正常..假如說一個element的innerText是test1 下一秒是test2 他就會一直抓到test1 然後把縮小的視窗拉回來focus他就會正常繼續運作，但是一縮下去他又一樣了...
如果不縮下去，不再focus的狀態也可以正常抓取

dragonH iT邦超人 5 級 ‧ 2019-12-08 15:49:43 檢舉

你是用什麼語言寫的0.0

你沒有寫過 chrome extension 吼

阿展展展 iT邦好手 1 級 ‧ 2019-12-08 21:07:30 檢舉

小魚 iT邦大師 1 級 ‧ 2019-12-09 08:11:11 檢舉

我也沒有耶

Robin iT邦新手 2 級 ‧ 2019-12-09 17:57:29 檢舉

我也...

阿展展展 iT邦好手 1 級 ‧ 2019-12-09 23:08:22 檢舉

登入發表回應

我要發表回答

立即登入回答

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js

IT邦幫忙