2021一些工作积累

Posted by Turingdo Studio on July 21, 2021

禁止浏览器表单自动填充

  • 普通文本框添加 autocomplete=”off”,密码输入框添加 autocomplete=”new-password”
  • 只要input标签有name这个属性,autocomplete就会失效,所以,input框把name属性去掉,再设置autocomplete=”new-password”就能禁止chrome的自动填充密码功能了

修改chrome 表单自动填充后的样式

  • 修改单一颜色
input:-webkit-autofill {
 box-shadow: 0 0 0px 1000px blue inset !important;
}
  • 修改透明
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #FFFFFF !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

!!! 需要关注 user agent style 浏览器默认样式,私有样式

调试异步加载的js 或者调试HTML页面中的JS

在js文件中或者 script标签中 添加注释 //@ sourceURL=[filename].js

注意: 在script标签中添加注释后,运行页面的时候可以在chrome DEV-tools 中 source标签页-page->domain中发现生成的源文件
在多个script标签中添加注释,会生成多个源文件。在同一个script标签中添加多个注释,不会分割生成多个源文件

在source中找到原文件后,就可以借助dev-tools 的override重写源文件,实现在线调试文件