• 请不要在回答技术问题时复制粘贴 AI 生成的内容
shoumu
V2EX  ›  程序员

获取浏览器指定区域内容

  •  
  •   shoumu ·
    shoumu · May 21, 2013 · 4577 views
    This topic created in 4765 days ago, the information mentioned may be changed or developed.
    有一个想法,做一个浏览器的插件,或者直接是一个工具,能够用鼠标选取一定的内容?可能是一个框框中,或者是现在的浏览器中选中的那样。然后获取我选定的内容的模板。
    我技术不怎么样,不知道这个想法可不可能实现,如果能够实现,大家给一点思路吧。谢谢大家了。
    14 replies    1970-01-01 08:00:00 +08:00
    chon
        1
    chon  
       May 22, 2013 via Android
    就像Evernote web clipper?
    ratatata
        2
    ratatata  
       May 22, 2013
    两个思路:
    1.截图,然后OCR
    2.DOM Tree解析,类似于Chrome的开发工具盒Firebug的,你选取的区域识别为DOM Tree中相应的HTML,然后取值。

    缺点也各自明显:
    1.OCR识别率不高
    2.可能会因为css定位等各种原因,你选取的区域不一定能准备识别到HTML
    shoumu
        3
    shoumu  
    OP
       May 22, 2013
    @chon 对,有没有好的思路
    shoumu
        4
    shoumu  
    OP
       May 22, 2013
    @ratatata
    1、ocr应该不行,这里我希望能够得到一个模板,下次进入到这里能够直接根据模板提取内容
    2、应该是这个方向,但是需要在中间做可视的一层
    lycanlancelot
        5
    lycanlancelot  
       May 23, 2013
    javascript是有这个方法的,就是按照一个坐标,返回一个HTMLElement;或者根据XPATH也可以。
    cutehalo
        6
    cutehalo  
       May 23, 2013   ❤️ 1
    类似于chrome里那个插件?好像叫page monitor吧
    可以监控页面指定区域的 变化后会有提醒
    jiangplus
        7
    jiangplus  
       May 23, 2013
    我以前也想做个这种东西,想要一个Firebug那种元素选取器
    clowwindy
        8
    clowwindy  
       May 23, 2013
    以前做过一个标注网页元素的 PATH 工具, PyQT + webkit。用 javascript 获取鼠标 hover 的元素,取出这个元素的大小和位置,然后在上面画一个半透明的框。这样用户就可以选择了。然后在用户点击的时候,取出这个元素你需要的信息。
    rrfeng
        9
    rrfeng  
       May 23, 2013
    感觉跟 chrome 的dev tools有点类似,选中一个elements就高亮显示

    还有 adblock 的右键添加屏蔽,应该也有差不多的功能。
    leojoy710
        10
    leojoy710  
       May 23, 2013
    麦库的剪辑器也是这种...源码里面mknote.inspector部分就是选择htmlelemnt用的...
    shoumu
        11
    shoumu  
    OP
       May 25, 2013
    @lycanlancelot
    @cutehalo
    @clowwindy
    @jiangplus
    @leojoy710
    @rrfeng
    这两天没有时间上来看,感谢大家的回复。功能和大家提到的就是差不多,主要就是我自己的技术太烂了,所以有点摸不着头脑。如果还能具体一点,麻烦大家也多指教哈,谢谢啦
    binux
        12
    binux  
       May 25, 2013
    要选很容易,获取模版很难
    shoumu
        13
    shoumu  
    OP
       May 25, 2013
    @binux 获取对应的xpath就行
    binux
        14
    binux  
       May 26, 2013
    @shoumu chrome web store搜索xpath
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   841 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 54ms · UTC 20:19 · PVG 04:19 · LAX 13:19 · JFK 16:19
    ♥ Do have faith in what you're doing.