popweb，基于Web技术的弹窗框架

zqso · 2022 年12 月 3 日 12:21

已发，大佬查收

zqso · 2022 年12 月 3 日 12:30

@manateelazycat 顺路问一下，youglish 里的查询窗口不能输入/修改，是默认行为吧？我这边没法改。有时候查询的词汇不对，想直接在小窗里修改一下继续查询。

manateelazycat · 2022 年12 月 3 日 12:31

popweb没有键盘输入的功能，那会把popweb的代码搞的和EAF一样复杂。

要输入用EAF吧。

zqso · 2022 年12 月 3 日 12:32

指 EAF 里使用 popweb 吧? 还是说直接全场景EAF?

manateelazycat · 2022 年12 月 3 日 12:33

popweb没有键盘输入，键盘输入只能用EAF

zqso · 2022 年12 月 3 日 12:34

好的，感谢猫大～～～

manateelazycat · 2022 年12 月 5 日 13:08

今天用宏重构了一下代码，现在 popweb 来开发翻译插件基本上就是写几行CSS, 无脑开发：

github.com

manateelazycat/popweb/blob/5442de5c56005748aa5f3c86d760fefd3c62a0fc/extension/dict/popweb-dict-youdao.el#L88


      
          ;;
          ;;
          ;;
          
          
;;; Require
          (require 'popweb)
          (require 'popweb-dict)
          
          
;;; Code:
          
          
(popweb-dict-create "youdao"
                              "https://www.youdao.com/w/eng/%s"
                              (concat
                               "window.scrollTo(0, 0); "
                               "document.getElementsByTagName('html')[0].style.visibility = 'hidden'; "
                               "document.getElementById('results').style.visibility = 'visible'; "
                               "document.getElementById('scontainer').style.margin = '0'; "
                               "document.getElementById('scontainer').style.padding = '0'; "
                               "document.getElementById('result_navigator').style.display = 'none'; "
                               "document.getElementById('container').style.padding = '0'; "
                               "document.getElementById('container').style.paddingLeft = '10px'; "

github.com

manateelazycat/popweb/blob/5442de5c56005748aa5f3c86d760fefd3c62a0fc/extension/dict/popweb-dict-youglish.el#L88


      
          ;;
          ;;
          ;;
          
          
;;; Require
          (require 'popweb)
          (require 'popweb-dict)
          
          
;;; Code:
          
          
(popweb-dict-create "youglish"
                              "https://youglish.com/pronounce/%s/english?"
                              (concat
                               "window.scrollTo(0, 0); "
                               "document.getElementsByTagName('body')[0].style.margin = '0'; "
                               "document.getElementsByTagName('header')[0].style.display = 'none'; "
                               "document.getElementsByTagName('footer')[0].style.display = 'none'; "
                               "document.getElementsByClassName('search')[0].style.display = 'none'; "
                               "document.querySelectorAll('div .g_pr_ad_network')[1].style.display = 'none' ; "
                               "Array.from(document.querySelectorAll('ins')).forEach(e => { e.style.display = 'none' }); "
                               "Array.from(document.querySelectorAll('iframe:not(#player)')).forEach(e => { e.style.display = 'none' }); "

github.com

manateelazycat/popweb/blob/5442de5c56005748aa5f3c86d760fefd3c62a0fc/extension/dict/popweb-dict-bing.el#L88


      
          ;;
          ;;
          ;;
          
          
;;; Require
          (require 'popweb)
          (require 'popweb-dict)
          
          
;;; Code:
          
          
(popweb-dict-create "bing"
                              "http://www.bing.com/dict/search?mkt=zh-cn&q=%s"
                              (concat
                               "window.scrollTo(0, 0); "
                               "document.getElementsByTagName('html')[0].style.visibility = 'hidden'; "
                               "document.getElementsByClassName('lf_area')[0].style.visibility = 'visible' ; "
                               "document.getElementsByTagName('header')[0].style.display = 'none'; "
                               "document.getElementsByClassName('contentPadding')[0].style.padding = '10px';"
                               ))
          
          
(provide 'popweb-dict-bing)

zqso · 2022 年12 月 5 日 13:26

太赞了。我其实也在捣鼓几个自用的，主要用于学习发音。

popweb-dict-youglish-api.el (API 版)
popweb-dict-mw.el (Merriam Webster，需要点击发音按钮发音)
popweb-dict-forvo.el (Forvo, 需要点击按钮才能发音)

过程中就觉得都是一样的结构甚至代码，可以整成一个，没想到你就写好了。

感谢～～～

manateelazycat · 2022 年12 月 5 日 14:43

刚刚随手做了一个 popweb-dict-collins.el

manateelazycat · 2022 年12 月 5 日 15:04

dict.cn 也支持了。

zqso · 2022 年12 月 5 日 15:05

其实几个都可以合到popweb.el里去？码不多

manateelazycat · 2022 年12 月 5 日 15:09

manateelazycat · 2022 年12 月 5 日 15:12

已经合并了，欢迎用 popweb-dict-create 加各种词典

zqso · 2022 年12 月 5 日 15:15

猫大能否再看看 https://www.merriam-webster.com/

我调教不好：试图保留那个导航栏，同时去掉顶部过多空白，无果。

(popweb-dict-create
 "mw"
 "https://www.merriam-webster.com/dictionary/%s"
 (concat
  "window.scrollTo(0, 0); "
  "document.getElementsByTagName('html')[0].style.visibility = 'hidden'; "
  "document.getElementsByClassName('left-sidebar')[0].style.visibility = 'visible'; " ; ✓
  "document.getElementsByClassName('redesign-container')[0].style.visibility = 'visible'; "
  ))

manateelazycat · 2022 年12 月 5 日 15:35

很难保留顶部导航栏，这个网站的广告太丧心病狂了，不想调试了。

zqso · 2022 年12 月 5 日 15:37

如果使用了mpv 循环播放模式，音频会一直播放下去，直到我们在 M-x list-processes RET 里找到进程杀掉。

提交了个修改，给进程一个名字，方便加到 post-command-hook 里杀掉。

zqso · 2022 年12 月 5 日 15:38

@manateelazycat 哈哈那就算了，我前天都调得要发癫了。感谢猫大调试～～～

manateelazycat · 2022 年12 月 5 日 15:41

已经合并了，感谢补丁。

showgood · 2022 年12 月 6 日 04:21

popweb写扩展插件怎么调试啊？在js代码里用console.log（）好像报错。。

manateelazycat · 2022 年12 月 6 日 04:24

在外部浏览器调试好了，把调试好的代码传给 popweb

popweb 因为是弹出窗口，调试不方便。