web前端9个开发常见小技巧,还有你不会的么

一、浏览器地址栏运行JavaScript代码

这个很多人应该还是知道的,在浏览器地址栏可以直接运行JavaScript代码,做法是以javascript:开头后跟要执行的语句。比如:

javascript:alert('hello from address bar :)');

将以上代码贴到浏览器地址栏回车后alert正常执行,一个弹窗神现。

你去试一试,是不是没有出现弹窗???

web前端9个开发常见小技巧,还有你不会的么(附视频教程)

那是因为:

如果是通过copy paste代码到浏览器地址栏的话,
IE及Chrome会自动去掉代码开头的javascript:,所以需要手动添加起来才能正确执行,
而Firefox中虽然不会自动去掉,但它根本就不支持在地址栏运行JS代码,
sigh~

二、浏览器地址栏运行HTML代码

如果说上面那条小秘密知道的人还算多的话,这条秘笈知道的人就要少一些了,在非IE内核的浏览器地址栏可以直接运行HTML代码!

比如在地址栏输入以下代码然后回车运行,会出现指定的页面内容。

data:text/html,<h1>Hello, world!</h1>

web前端9个开发常见小技巧,还有你不会的么(附视频教程)

三、把浏览器当编辑器

还是浏览器地址栏上做文章

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值