https://www.cnblogs.com/poloyy/category/1680176.html
如果html文档中用id属性为元素命名。并且如果 window对象没有此名字的属性，则window对象会赋予一个属性，其名字为id属性的值，其值指向该元素
pyppeteer -- python版本的puppeteer，一个强大的chronium headless浏览器API
前言——几日前，我那上初中的妹妹突然发VX问我说她想复制网上搜到的一些朋友圈文案拿去发朋友圈，但是问题是复制不了！
请注意，本文编写于 1727 天前，最后修改于 996 天前，其中某些信息可能已经过时。
Chrome 浏览器最近推出了悬停卡，可以显示每个打开的标签页的内存使用情况。当你将鼠标悬停在某个标签页上时，弹出窗口将显示该标签页的内存使用情况，以及 Chrome 浏览器的内存保护器功能是否冻结了该标签页以节省内存。
没错，还是京东一面的问题，首先问的是浏览器跨标签也通信的方式有什么，我答完浏览器通信通信的方式，后面就接着问 JavaScript 有什么方式的了。
原文：https://blog.bitsrc.io/page-lifecycle-api-a-browser-api-every-frontend-developer-should-know-b1c74948bd74
$("#tab-a-" + options.menuID).click(); // 选中打开的tab
跨标签页通信是指在浏览器中的不同标签页之间进行数据传递和通信的过程。在传统的Web开发中，每个标签页都是相互独立的，无法直接共享数据。然而，有时候我们需要在不同的标签页之间进行数据共享或者实现一些协同操作，这就需要使用跨标签页通信来实现。
早期单进程架构是页面渲染和网络下载都是运行在同一个浏览器主进程中，而dom/com解析，js脚本执行，图像输出，插件运行都运行在同一个线程中，这样也带来了一系列的问题：
但在Chrome上，标签页增多后，每个标签的宽度会自动缩小，用户无法阅读标题，甚至无法查看网站小图标。
记录本地存储的相关信息（cookie,sessionStorage,LocalStorage等）的存储信息
作为一个热衷于使用电脑端微信浏览公众号文章的爱好者，这个功能的缺失给我带来的不便。当我浏览热门话题时，通常会同时打开多个文章标签页，以便于对比阅读。
Edge是一款非常优秀的浏览器，甚至比Chrome还要优秀，但是它的默认设置让我不是很舒服，尤其是默认打开浏览器时，固定展示MSN的页面，打开新标签页也是这样，信息十分杂乱，经过一番设置之后，我终于解决了这个问题，本篇文章就跟大家一起分享一下如何修改首页以及新标签页的设置。
web driver 是可以直接操作浏览器的driver, 根据不同的浏览器，需要不同的driver,下面列出了一些可用的web driver的镜像地址： chrom浏览器的web driver（chromedriver.exe）：http://npm.taobao.org/mirrors/chromedriver/ firefox（火狐浏览器）的web driver （geckodriver.exe）：https://github.com/mozilla/geckodriver/releases IE(IEDriverServer_Win32_3.9.0.zip 是32位的3.9.0 driver): http://selenium-release.storage.googleapis.com/index.html web自动化测试中，可以通过webdriver的API，向浏览器发送相应的request, 然后实现自动测试，比如自动点击，自动填写，自动滚动，自动切换窗口/标签页等。 但是如上所述，不同的浏览器有不同的web driver. 那么自然也就有不同的API提供，所以对于同一个功能，那么就需要基于不同的driver,学习不同的API,这操作起来，岂不是头疼？ 在python中，我们只需要按照如下导入webdriver, 就可以轻松用一种方式来应付各种不同的web driver了:
浏览器是一个运行在操作系统上的应用程序，每个应用程序必须至少启动一个进程来执行其功能，每个程序往往又会执行很多任务，那么进程就会创建很多线程来执行这些小的任务。
标签页和窗口快捷键 快捷键 说明 Ctrl + n 打开新窗口。 Ctrl + shift + n 在隐身模式下打开新窗口。 Ctrl + t 打开新的标签页。（常用） Ctrl + Shift + t 重新打开最后关闭的标签页。 Ctrl + Tab 或 Ctrl + Pgdn 跳转到下一个打开的标签页，如果当前为最后一个标签页，则跳转到第一个标签页。 Ctrl + Shift + Tab 或 Ctrl + Pgup 跳转到上一个打开的标签页。（常用） Alt + ←
当你发现自己有太多的标签页时,单击OneTab图标,所有标签页会转换成一个列表,当你需要再次访问这些标签页时,点击OneTab图标唤出列表,点击列表恢复标签页
代码不多，核心代码 200 行，感兴趣的可以戳这里：Github - broadcastAnimation[1]
Ctrl+N 打开新窗口 Ctrl+T 打开新标签页 Ctrl+Shift+N 在隐身模式下打开新窗口 Ctrl+O，然后选择文件 在谷歌浏览器中打开计算机上的文件 按住 Ctrl 键，然后点击链接 从后台在新标签页中打开链接，但您仍停留在当前标签页中 按住 Ctrl+Shift 键，然后点击链接 在新标签页中打开链接，同时切换到新打开的标签页 按住 Shift 键，然后点击链接 在新窗口中打开链接 Alt+F4 关闭当前窗口 Ctrl+Shift+T 重新打开上次关闭的标签页。谷歌浏览器可记住最近关闭的 10 个标签页。 将链接拖动到标签页内 在指定标签页中打开链接 将链接拖动到两个标签页之间 在标签页横条的指定位置建立一个新标签页，在该标签页中打开链接 Ctrl+1 到 Ctrl+8 切换到指定位置编号的标签页。您按下的数字代表标签页横条上的相应标签位置。 Ctrl+9 切换到最后一个标签页 Ctrl+Tab 或 Ctrl+PgDown 切换到下一个标签页 Ctrl+Shift+Tab 或 Ctrl+PgUp 切换到上一个标签页 Ctrl+W 或 Ctrl+F4 关闭当前标签页或弹出式窗口 Alt+Home 打开主页
剧透：这次，D2Admin 带来了其它同类模板都没有的“花式”数据持久化功能，以及极少同类产品才有的标签页右键控制...
Electron 是一个可以用JavaScript，Html，Css构建桌面应用的库，可以打包部署到Mac，Windows，Linux上。 Chrominum + nodejs + Native api = Electron 两个进程 拥有两种进程：主进程 和 渲染进程。 主进程充当幕后角色，渲染进程是应用程序各个窗口。 主进程 通常是个命名为main.js的文件，该文件是每个Electron应用入口，控制了应用生命周期(从打开到关闭)。 既能调用原生元素，也能创建多个渲染进程。 渲染进程 是应用的一个
对于Chrome 浏览器，除了占用内存的缺点，其他都很不错。对于Chrome 浏览器的开发者工具，Jeff 除了Elements、Resources、Network、Console这四个标签页用得比较多外，其他的都甚少理解。今天偶然看到一篇Chrome 浏览器开发者工具的使用教程，感觉不错，顺便转载在这里，感谢原作者的辛苦劳动。 作为一个Web开发人员，除了上面的原因以外，与我们开发相关的，就是Chrome的开发者工具。而本文，就是要详细说说Chrome的开发者工具，说说我为什么认为它比Firebug要好用
窗口和标签页快捷方式 Ctrl+N 打开新窗口 按住 Ctrl 键，然后点击链接 在新标签页中打开链接 按住 Shift 键，然后点击链接 在新窗口中打开链接 Alt+F4 关闭当前窗口 Ctrl+T 打开新标签页 Ctrl+Shift+T 重新打开上次关闭的标签页。 谷歌浏览器可记住您关闭的最后 10 个标签页。 将链接拖动到标签页内 在指定标签页中打开链接 将链接拖动到两个标签页之间 在新标签页横条上的指定位置打开链接 Ctrl+1 到 Ctrl+8 切换到指定位
提到Windows系统自带的浏览器，大家第一反应就是IE，对IE大家都是深恶痛绝的，然后大家就纷纷转向了Chrome和Firefox；应该说微软也是知道大家对IE的不满，痛定思痛之后，推出了基于 Chromium内核的新浏览器——Edge，我本来也是拒绝的，但是使用之后，就真香了，使用十分方便，功能十分强大，因此本文就来个大家介绍一下如何玩转edge浏览器。
查找定位 Ctrl+P 打开查找文件面板。如果面板中的内容以@,#,:开头，则在当前文件中找 以@ 开头：如果文件html,则找id。如果文件是js，找函数及其他的东东。相当于Ctrl+R 以#开头：在函数名变量名中找 以:开头：跳转到某行。相当于Ctrl+G Ctrl+F 查找 Ctrl+M 光标跳至对应的括号：大中小括号均可 编辑 Ctrl+D: 选中单词。多次Ctrl+D可选择多个，然后可以进行批量的编辑 Ctrl+H: 替换 Ctrl+ENTER: 在当前行的下一行创建 Ctrl
我们所说的H5的存储方案指的是客户端的数据存储，这点需要明白，那么在这个之前有么有可用的存储方案呢？当然是有的，之前一直用的CooKie，如果有人看过我之前写的关于客户端存储的文章， 这里就很好理解了，我之前说过cookie的弊端和优势。那么今天我们说的是H5才提出的存储方案：localStorage和sessionStorage
快捷键，又叫快速键或热键，指通过某些特定的按键、按键顺序或按键组合来完成一个操作。利用快捷键可以代替鼠标做一些工作，熟练使用快捷键可以提办公效率。在上期《盘点那些即实用而又不为人知的计算机快捷键（第一弹）》中列出基本快捷键、文本操作快捷键，本期为你奉上Web 浏览器中的快捷键使用、屏幕截图快捷键的使用：
浏览器跨标签页通信是指在同一个浏览器窗口中的多个标签页之间进行数据交流和信息传递的过程。通常情况下，每个标签页都是一个独立的浏览器上下文，它们之间是相互隔离的，无法直接访问对方的数据或进行通信。
代码不多，核心代码 200 行，感兴趣的可以戳这里：Github - broadcastAnimation
首先感谢大家参与这周的送书活动。已经给小助手微信发送好友请求的，不要着急，这两天会通过验证，并拉大家进入抽奖群参与抽奖，大家肯定都可以参与的。
Selenium爬虫相关 一、js语句的使用 二、关于窗口句柄的使用 一、js语句的使用 #窗口下滚加载数据 js="var q=document.documentElement.scrollTop=1000" drive.execute_script(js) time.sleep(random.uniform(1.5,2.5)) # 新开一个窗口，通过执行js来新开一个窗口 js = 'window.open("%s");'%other_url drive.execute_script(js) ti
目前，谷歌浏览器市场占有率最高，谷歌公司号称不作恶，实际上也作了一些恶，只不过底线比百度高一点。因为各类屏蔽广告的插件有损谷歌自己投放的广告的收益，因此谷歌对广告屏蔽插件下手了，削弱插件的屏蔽效果，以展现更多的广告。谷歌还通过在自家网站上提示不支持其它浏览器的手段，来打压其它浏览器。（由于CSDN现在基本不能发超链接了，下面这几篇文章我原本给了连接的，但现在不得不删掉，大家自己按标题搜索文章吧）
标签是一种用于描述和分类博客内容的元数据，它可以帮助读者快速找到感兴趣的主题，也可以提高博客的搜索引擎优化（SEO）。然而，手动为每篇博客文章添加合适的标签是一件费时费力的工作，有时候也容易遗漏或重复。本文将介绍如何使用Puppeteer这个强大的Node.js库来构建一个博客内容的自动标签生成器，它可以根据博客文章的标题和正文内容，自动提取出最相关的标签，并保存到数据库中。
工欲善其事，必先利其器。每个程序员都会有一套自己喜欢的，适用自己的提高工作效率的工具。这里主要介绍iMac下的一些开发中用于记录笔记、提高效率的工具。 笔记工具：Markdown + boostnote + 微云 从很早开始就热衷于使用markdown以及推广markdown，效果都还不错。但是一直以来，日常笔记的云端同步都都很头痛，之前试用了很多，从印象笔记、到有道云笔记、到oneNote、再到使用自己搭的git，都或多或少有一些缺点。从去年中逛github的时候看到了目前用的boostnote以后，发现
在浏览器中，点击标签页右边的加号可以新加一个标签页，所以，在毒蘑菇后台管理（简称毒蘑菇儿）中也可以这样操作。
selenium的其它使用方法 知识点： 掌握 selenium控制标签页的切换 掌握 selenium控制iframe的切换 掌握 利用selenium获取cookie的方法 掌握 手动实现页面等待 掌握 selenium控制浏览器执行js代码的方法 掌握 selenium开启无界面模式 了解 selenium使用代理ip 了解 selenium替换user-agent ---- 1. selenium标签页的切换 当selenium控制浏览器打开多个标签页时，如何控制浏览器在不同的标签页中进行切换呢？
构建一个从不崩溃或挂掉的渲染引擎几乎是不可能的，构建一个完全安全的渲染引擎也几乎是不可能的。
相信很多人安装了一大堆Chrome扩展，但有些扩展并不是经常用到，但会占用内存。我们打开谷歌的任务管理器可以看到如下内容：
---- 相关知识点 web标准、 web语义化、 浏览器内核、 兼容性、 html5... 题目&答案 Doctype作用？严格模式与混杂模式如何区分？它们有何意义（1）<!DOCTYPE>声明位于HTML文档中的第一行，处于<html>标签之前，用于告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。 （2）标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为以防止站点
隐式等待针对的是元素定位，隐式等待设置了一个时间，在一段时间内判断元素是否定位成功，如果完成了，就进行下一步
selenium 是一个web应用测试工具，能够真正的模拟人去操作浏览器。 用她来爬数据比较直观，灵活，和传统的爬虫不同的是， 她真的是打开浏览器，输入表单，点击按钮，模拟登陆，获得数据，样样行。完全不用考虑异步请求，所见即所得。
浏览器作为我们上网的窗口，在我们的工作学习中担任着非常重要的角色，但人们想要浏览什么东西的时候，往往都是打开浏览器，打开网站，搜索关键词，尤其是你想要查某样东西的时候，同时打开7、8个甚至十几个网页是很正常的事。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议
