Chrome 69中启用了新的UI界面,看着更加秀气了. 但新UI一个不好用的地方是标签栏太高了,留给windows标题栏的空白太小,导致拖动窗口位置非常不方便,如下是一个解决方法: 在地址栏输入: chrome://flags/#top-chrome-md 将UI Layout for the browser's top chrome选项改成"Normal" 以前熟悉的标题栏就又回来了 不过这只是一个权宜之计,估计在不久后的新版本中会强制只使用新的UI吧.

一.添加原生标题栏 添加原生标题栏可以参照 <wap2app(六)-- wap2app的原生标题头无法隐藏>,具体如下: 1.打开 sitemap.json文件 --> page配置下的"webviewId"为“common”的整个内容配置删除或注释,这时候会页面的原生标题就会出现,是带原生标题.网页标题的双标题页面. 效果: 2.原生标题默认灰色背景,黑色字体,需要根据业务需求进行修改标题样式: sitemap.json文件 --> global-->w

注:我使用的Linux发行版是Ubuntu 14.04,不同Linux发行版可能会有不同. 最近在使用Chromium的时候tab的标题栏中文显示乱码,在地址栏输入中文是同样时乱码,就像下图: 看起来很是不爽,于是只好换做用系统自带的Fire Fox,但是用户习惯真的很强大啊....根本用不习惯....在网上搜了好久,终于看到了一篇比较靠谱的博文:Linux下Chrome标题栏中文乱码.试了一下,果然有效. 主要就是修改/etc/fonts/conf.d/49-sansserif.conf这个文

今天不知道在系统里装的哪个软件与Chrome浏览器所用的字体向冲突了,导致标题栏显示的中文都变成了乱码,其次收藏栏中的中文也变成了乱码.导致原有的收藏内容都无法辨认了.在网上搜索了一下,也有人遇到了相同的问题,仅仅是没有给出详细原因.解决的方法请參考: http://blog.csdn.net/loveaborn/article/details/29579787

转自https://sspai.com/post/42193 要想使用截图功能,你需要首先确保 Chrome 已升级至 59 或更高版本.在想要截图的网页中,首先按下 ⌘Command + ⌥Option + I(Windows 为 F12)快捷键,召唤出调试界面. 随后,按下 ⌘Command + ⇧Shift + P(Windows 为 Ctrl + Shift + P),输入命令 Capture full size screenshot(只输前几个字母就能找到),敲下回车,Chrome 就

titleNView: { backgroundColor: "#f7f7f7", // 导航栏背景色 titleText: "", // 导航栏标题 titleColor: "#000000", // 文字颜色 // type: "transparent", // 透明渐变样式 autoBackButton: true, // 自动绘制返回箭头 tags: [ { tag: "input", id: &q

打开你想截图的网页了,然后按下 F12(macOS 是 option + command + i)调出开发者工具,接着按「Ctrl + Shift + P」(macOS 是 command + Shift + P).紧接着输入指令 capture,它会提示有三个选项,分别是截取全屏.node 模式以及当前范围,用鼠标点击或者用键盘选择对应的就可以了. 而如果你想截取手机版的网页,可以先按「Ctrl + Shift + M」(macOS 是 command + Shift + M)切换到手机模式,

有那么一波小伙伴,多数时候都不需要用到鼠标,通常他们正好是“黑客”.当你开始使用键盘操作一切时,便能体会到无需用鼠标瞄准按钮时的干脆,无需在键盘和鼠标之间移动手时的轻松. Chrome 原生自带大量快捷键,Vimium 在原生的基础上又增加了大量网页操作.结合两者,你完全能摆脱鼠标.   Chrome 原生快捷键 Chrome 原生快捷键估计多数人都能说出其中的一部分出来,例如 F5 刷新,Ctrl+W 关闭标签页. 这里我列出日常浏览时会用到的快捷键: F3 查找 应该没有人不知道吧 Ctrl

使用标题栏ToolBar 首先需要在AndroidManifest.xml中修改 application主题或者activity主题       隐藏原生标题栏 在styles.xml中自定义主题 android:theme="@style/toolrbar"> 在AndroidManifest.xml中使用主题 xml布局代码如下:   加入Toolbar 在res文件中新建menu文件夹,并新建menu  xml文件 xml文件中加入menu的item item的属性: ap

你是光你是电,你是唯一的神话. Chrome的出现简直拯救了广大前端,不仅仅是因为其V8引擎的速度,更是因为其强大的控制台.为调试前端提供了强大的武器. 当然Firefox下的firebug也很强大,不过我写前端最早接触的就是Chrome,所以就基本上没怎么用过firebug. 我这里把一些Chrome控制台下一些经典的函数总结一下,帮助我们更好地调试页面. console.table() 通过console.table()输出二维数据 console.table()是一个能将你的数据格式化输出

jQuery中很早就提供了animate方法,使用它可以很方便地实现一些简单动画效果.后来CSS3中也提供了animation用于动画效果制作,但CSS本身的可操作性太差,所以用起来并不方便.现在最新版的Chrome原生支持了animate方法,弥补了CSS的操作缺陷. 元素上的animate方法有两个参数.第一个参数是动画的关键帧列表,是一个数组,每一个数组项都是一个JavaScript对象,可以在上面设置这个关键帧上元素的样式属性,并且使用offset属性表示这个关键帧在整条时间轴中的位置百

作为开发者,web浏览器一般最常用的可能是Chrome浏览器.但其实Chrome浏览器还有别的一些版本.如:Chrome Stable. Chrome Canary .Chromium.大部分人一般用的是Chrome Stable. 下面将其大致区别写一下: Chrome Stable: Chrome stable 是最稳定的版本,是经过周详的测试以后,google发版的最新稳定版本.不过一般发布这个版本的时候,比这个更新的几个开发版本和实验版本已经在开发中了. 基于 Chromium,但它是闭

本人微信公众号:前端修炼之路,欢迎关注 背景介绍 经过上一篇文章uni-app官方教程学习手记的学习之后,我就着手做这个项目了. 目前已经初步搭出了整体的框架,秉着取之于社会,回馈于社会的原则,我将这个项目开源到GitHub uni-shop,发展壮大uni-app社区.项目肯定有不足和考虑不周之处,欢迎大家指正并提出Issues. 因为这是个真实的项目,为了一名合格的程序员的职业操守,项目真实数据部分并不会开源.为了提高整体的流畅性和帮助自己开发,数据部分采用Easy Mock模拟的假数据.有

from: https://segmentfault.com/a/1190000000709909 理由:在操作层面详细的讲解了跨域的操作.尤其是对于option请求的详解.收藏. 在构建Public APIs的过程中,首先要解决的第一个问题就是跨域请求的问题. 网络应用安全模型中很重要的一个概念是“同源准则”(same-origin policy).该准则要求一个网站(由协议+主机名+端口号三者确定)的脚本(Script).XMLHttpRequest和Websocket无权去访问另一个网站的

参考地址:http://blog.csdn.net/dlmu2001/article/details/6213377 注:本系列博客是在原博主博客基础上增加了自己的理解和片段,可以看源博文获得清晰的结构 摘要:浏览器的请求一般是以页面请求为单位,当用户通过网址输入一个URL,浏览器就开始一个页面请求.而一个页面请求可能包含一到多个页面子帧,以及图片.CSS和插件等派生子资源.Page类就是用来对应这样的页面请求.Page类是WebKit中非常重要的类,它就像内核对外的一个聚合器. 1.    概

日常工作中,接触富文本编辑的次数还是很多,特发此教程,希望可以改变富文本编辑的技术门槛较高的现状,解决这部分的坑. 前提准备,兼容获取range,统一回车行为,前期准备工作 了解document.execommand操作,保存丢失的range,实时反馈样式给工具栏 兼容的fontsize命令,自定义字体为px而非固定数值,自定义font-family而非font-face,其他兼容的range处理 统一strong.b.i标签,添加标签黑名单功能 待续 demo文件下载  @2013-11-28

IE系列浏览器不支持CSS的圆角(border-radius)等CSS3属性是一个众所周知的问题,而FF.Chrome原生的浏览器支持是的优雅的圆角感觉较好,如何解决这个问题呢? 一种比较传统的方案是放弃CSS3,使用背景图,但是这种方式也会有诸多问题,对页面结构改动较大,需要对自适应大小进行控制等,成本较高. 另外一种是百度了一下,发现有个开源的插件可以解决此问题:http://css3pie.com/ 使用方法很简单,下载了之后直接引用.htc文件即可. 附: htc = HTML Comp

在Windows编程中,我们已经习惯了一个窗体从创建到显示并获得焦点. 我们总感觉一个窗体创建出来获得焦点是理所理所当然的.一个窗体仅仅要显示就必须获得焦点.一个新窗体显示时.会收到到WM_SETFOCUS消息.然后旧的窗体会收到WM_KILLFOCUS消息.可能我们并不关心焦点的切换,由于从视觉角度来看,没有不论什么影响,可是键盘类的消息却在焦点变化时不断切换响应窗体.我们都知道,鼠标消息到来时,决定哪个窗体响应的是鼠标的坐标点.指哪里打哪里.键盘消息到来时,是谁来决定这个消息由哪个窗体响应呢

对于高手来说,chrome浏览器中即使没有其他任何chrome插件,可能都无关紧要.但是有一个插件必不可少, 那就是Tampermonkey油猴插件.Tampermonkey是Chrome上最流行的用户脚本管理插件了,有了Tampermonkey这个脚本管理器,用户可以通过安装脚本实现百度云盘下载限制,破解vip视频.百度广告屏蔽,视频广告的屏蔽,百度网盘资源直接下载等实用功能!不过也只有高手中的高手,才能领略到Tampermonkey的优美.今天我们就献丑介绍下Tampermonkey脚本安装

个人总结:读完这篇文章需要15分钟,文章主要讲解了Babel和TypeScript的工作原理,(例如对es6 类的转换,是将原始es6代码转换为es5代码,这些代码中包含着类似于 _classCallCheck 和 _createClass这样的函数,而这些函数已经在Babel和TypeScript的标准库中预先定义好了,然后进行处理). 顺便温习了Object.create这个方法,  比如有一个obj:{name:'是ho',f:function(){alert(1)}} var a = O

前置阅读:简述JavaScript模块化(一) 在前面一文中,我们对前端模块化所经历的三个阶段进行了了解: CommonJs,由于是同步的,所以主要应用于服务器端,以Node.js为代表. AMD,异步模块定义,预加载,推荐依赖前置.以require.js为代表. CMD,通用模块加载,懒加载,推荐依赖就近.以Sea.js为代表. 而在ES6已经大行其道的今天,ES6中所提供的模块化的方法也自然而然成了我们进行JavaScript模块化编程的标准,因此ES6模块的语法虽然在一些较为老的浏览器上不