首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

chrome打开本地链接

同事之前给我提了一个需求,想实现在网页里点击链接地址后直接打开指定的地址(路径是内网共享的目录,file://share.xx.com\x\x)。...浏览器因为有安全的限制,是无法访问 web 页面时,可以打开本地PC的目录。...当你点击带有本地文件链接的超链接(file://),控制台上会报错:Not allowed to load local resource: 最开始在网上搜索了一下,有二个插件看上去似乎可以满足需求。...Local Explore,自定义了协议,然后呼起本地 exe,再打开资源管理器,是期望的效果。但是它最大的问题是:如果路径有中文,就乱码,无法正常使用。...只留下必要的代码,然后通过开发者模式,加载进 chrome 的扩展程序里。 ?

2.7K20

Chrome控制台console的基本用法

控制台打开chrome浏览器,按f12就可以轻松的打开控制台 大家可以看到控制台里面有一首诗还有其它信息,如果想清空控制台,可以点击左上角那个 来清空,当然也可以通过在控制台输入console.clear...CPU使用相关信息 在Profiles面板里面查看就可以看到cpu相关使用信息 13、console.timeLine和console.timeLineEnd配合一起记录一段时间轴 14、console.trace...如果想查看具体API,可以上官方看看,具体地址为:https://developer.chrome.com/devtools/docs/console-api 下面介绍一下控制台的一些快捷键 1、方向键盘的上下键...3、Chrome 控制台中原生支持类jQuery的选择器,也就是说你可以用$加上熟悉的css选择器来选择DOM节点 4、copy通过此命令可以将在控制台获取到的内容复制到剪贴板 (哈哈 刚刚从控制台复制的...3、指定输出文字的样式  最后说一下chrome控制台一个简单的操作,如何查看页面元素,看下图就知道了 你在控制台简单操作一遍就知道了,是不是觉得很简单!

1.7K120

Chrome下的打开新窗口

一般点击打开新窗口,有几种方式: 1、超链接a  有href属性、target为_blank 2、iframe,其target为_blank 3、window.open 4、form表单提交,同样target也必须设为_blank 现在遇到一个需求: 做了一个后台运维管理系统,在点击datagrid头部一个按钮,需要打开一个新窗口...因为extjs运行效率比较低,所以选择使用chrome访问系统,而在操作些按钮的时候发现很多很奇特的现象,这些现象只出现在chrome中: 1、打开一个窗口后,些窗口不关闭,将无法打开多个窗口,即使原有窗口关闭...,就是弹出的窗口是没有工具栏和地址栏的,且不在新选项卡中打开 后来搜索到一篇文章,有所启发,就有了如下的代码: var nwin = window.open(); nwin.location = ‘xxxx...’;//需要打开的地址 如果使用ajax请求地址后面的参数的话,需要将ajax改为同步,不然弹出的窗口会在新窗口中打开,而且没有工具栏和地址栏的

3.5K30

Chrome控制台console的基本用法

控制台打开chrome浏览器,按f12就可以轻松的打开控制台 ?...12、console.profile和console.profileEnd配合一起使用来查看CPU使用相关信息 ? 在Profiles面板里面查看就可以看到cpu相关使用信息 ?...如果想查看具体API,可以上官方看看,具体地址为:https://developer.chrome.com/devtools/docs/console-api 下面介绍一下控制台的一些快捷键...3、Chrome 控制台中原生支持类jQuery的选择器,也就是说你可以用$加上熟悉的css选择器来选择DOM节点 ? 4、copy通过此命令可以将在控制台获取到的内容复制到剪贴板 ?...2、利用控制台输出图片 ? 3、指定输出文字的样式 ?  最后说一下chrome控制台一个简单的操作,如何查看页面元素,看下图就知道了 ?

54050

Chrome 控制台常用调试技巧详解

1、Chrome控制台小技巧 打开和关闭抽屉式选项卡:按Esc键可打开和关闭 DevTools 的 Drawer(抽屉式选项卡) 在Drawer(抽屉式选项卡)中,你可以在 Console 控制台中执行命令...,查看动画检查器(Animations),配置网络条件(network conditions)和渲染(rendering)设置,搜索(search)字符串和文件等 ?...diff 功能类似,红色代表删除、绿色代码新增; Snippets:在 console 里可以临时运行代码,但是书写格式不太友好,而且一换行就执行了(虽然可以 shift+enter 换行),不想打开代码编辑器怎么办...,可以使用 Snippets 这个工具创建js脚本,并可以访问和从任何页面的Chrome DevTools面板中执行(除非你删除)。...---- 2、console控制台命令 $_:返回最近一次计算的表达式的值; $(selector):返回匹配指定CSS选择器的第一个DOM元素的引用,实际是document.querySelector

1.5K20

Chrome控制台骚操作,知道这些事半功倍

Chrome 浏览器想必是每个前端工程师必备的利器之一,速度快、体积小、支持的特性也比其他浏览器多;除此之外,它还拥有强大的控制台功能,但很多开发者并没有用出控制台的精髓,只是使用 console.log...();,其实控制台的功能远不止那么简单。...dirxml() console.dirxml(); 用于查看页面中某个节点的 html/xml 代码。...有的时候后端传回来一大串数据,如果直接 console.log(); 或是通过抓包工具来查看,肯定会让你晕头转向,这个时候 console.table(); 可以发挥作用了,以表格的形式呈现数据,自然一目了然...另外值得一赞的是,Chrome 控制台中原生支持类 jQuery 的选择器,也就是说你可以用 $ 加上熟悉的 css 选择器来选择 DOM 节点。

1.5K10

查看端口是否被占用 linux_如何查看8080端口是否被占用

之前查询端口是否被占用一直搞不明白,问了好多人,终于搞懂了,现在总结下: 1.netstat -anp |grep 端口号 如下,我以3306为例,netstat -anp |grep 3306(此处备注下...,我是以普通用户操作,故加上了sudo,如果是以root用户操作,不用加sudo即可查看),如下图1: 图1 图1中主要看监控状态为LISTEN表示已经被占用,最后一列显示被服务mysqld占用,查看具体端口号...2.netstat -nultp(此处不用加端口号) 该命令是查看当前所有已经使用的端口情况,如图2: 图2 图中可以看出我的82端口没有被占用 3.netstat -anp |grep 82查看82...此处注意,图中显示的LISTENING并不表示端口被占用,不要和LISTEN混淆哦,查看具体端口时候,必须要看到tcp,端口号,LISTEN那一行,才表示端口被占用了 以上就是本文的全部内容,希望对大家的学习有所帮助

34.6K10

Web开发前端调试小技巧——Chrome控制台

Hello大家好,兔妞总觉得写代码很重要,调试也很重要,特别是前端,不光要看日志,还要调整样式,浏览器兔妞最喜欢用Chrome了,所以今天就为大家带来Chrome的调试技巧啦~~ 首先为大家介绍一下打开控制台的方法...: 首先打开需要查看的页面,如果是Mac,就两指点击,打开审查元素(inspect),如果是windows就右键打开审查元素。...审查元素顾名思义就是查看元素,对每个元素进行查看。如下图是对Google的首页进行审查元素得到的效果。...双击放大捕获,并可查看上一帧下一帧。 >>>> Performance 可以通过这个面板查看网页性能的问题。 主要包括: (1)Controls 录制开关和控制录制过程中需要记录哪些信息。...好啦,今天的内容就到这里啦,兔妞为大家整理的Chrome调试技巧,不知道有没有帮助呢,如果还有什么更好的用途,欢迎后台留言哦~如果喜欢文章请关注+好看哦,越点越好看~~

2.1K10
领券