chrome中 GET /undefined 404

chrome中不可见字符引发的float问题

起因是刷知乎时碰到这么个问题:https://www.zhihu.com/question/41400503 问题代码如下: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <style> .cf { zoom: 1; } .cf:after { clear: both; content: ""; dis…

今天看到一篇文章,介绍chrome中的彩蛋,带着好奇心进去看了一眼,没想到发现了一款小游戏,个人觉得还不错,偶尔可以玩一下,放松放松心情!^_^ 当 Chrome 无法连接到互联网时, 或者上着网突然掉线,刷新页面时报错, 此时错误提示上方都会有一只小短手霸王龙.嗯,表面上看起来也没什么特别之处,因为小短手在早期 Chrome 中有了.但一按空格键(或方向键 ↑ ),你就打开了一扇神奇之门! 往下看,小短手这不就跑起来了么! 按下空格键(或方向键 ↑ ),小短手就会跳.如果碰到仙人掌,游戏就结束…

在 Chrome 中调试 Android 浏览器

最近需要使用 Chrome Developer Tools 调试 Android 浏览器,但是官方指南并不是很好使,经过一番折腾,终于调试成功了,在此把经验分享给需要的朋友. Chrome Developer Tools 是前端工程师必不可少的工具,它极大的提高了我们的开发调试效率.在移动开发的时代,我们也必须掌握手机浏览器在 Chrome 中调试的方法.本篇仅介绍 Android. 环境不同的环境可能存在一些差异,我的环境是: Windows 10 电脑 Chrome 50.0.2661.7…

firefox与chrome中对select下拉框中的option支持问题

firefox可以直接修改option的字体样式,但是chrome中option的字体样式是继承select的,这个是在项目中遇到的,具体的可以看一下 http://www.cnblogs.com/rocky-AGE-24/p/5027760.html 里面的select…

Chrome中的Device模块调式响应性设计

Chrome中的Device模块调式响应性设计阅读目录启用Device模块 Device模块设置介绍自定义预设介绍查看media queries 触发触摸事件回到顶部启用Device模块点击chrome浏览器右键 ---> 审查元素 --> 点击Toggle device Mode图标按钮即可打开Device模块,如下所示: 打开后如下界面: 如上网页是在网上找的一个响应性的简单网站 http://www.zuixiandao.cn/index.html 回到顶部 Device…

在桌面chrome中调试android设备中的web页面

准备工作 1, 桌面版chrome 2, Android设备(安装有chrome浏览器) 3, Android-sdk Android-sdk安装及设置 SKD安装从http://developer.android.com/sdk/index.html下载android-sdk开发包,安装后,执行SDK Manager.exe,安装android SDK Platform-tools工具包. 环境变量配置: 在环境变量添加path,并添加路径<sdk>/platform-tools; 添加后…

Ajax请求在IE和Google Chrome中可以响应，在Firefox中无法响应

在工作中碰到这么一个问题,发送ajax请求,在IE和chrome中可以正常的响应,但是在Firefox中无法响应,代码如下: JS代码: function Sure(obj) { var statu = confirm("是否确认删除?"); if (!statu) { return false; } var objOrderID = obj.id; $.ajax( { type: "Post", url: "/AjaxDeleteMyOrder.aspx…

chrome中tcmalloc的使用

chrome中内存分配采用了第三方库tcmalloc,这个库主要提供给应用程序内存管理方面的优化,按资料说内存存取速度会从300ns降到50ns.更具体的关于这个tcmalloc的信息大家可以查网上的资料看看, 本人对tcmalloc的实现不是很熟,这里主要向熟悉一下chrome的代码,主要说说 tcmalloc如何集成到了chrome中,通过研究这个,一是看看如何使用tcmalloc,另外可以对window下VC的内存C runtime的库有更多的了解. tcmalloc主要提供了自有的一套内…

Google Chrome中的高性能网络 (三)

使用预连接优化了TCP连接管理已经预解析到了主机名,也有了由OmniBox和Chrome Predictor提供信号,预示着用户未来的操作.为什么再进一步连接到目标主机,在用户真正发起请求前完成TCP握手呢?这样就可省掉了另一个往返的延迟,轻易地就能为用户节省到上百毫秒.其实,这就是TCP预连接的工作. 通过访问chrome://dns 就可以看到TCP预连接的使用情况. 首先, Chrome检查它的socket pool里有没有目标主机可以复用的socket, 这些sockets会在sock…

Google Chrome中的高性能网络(二)

Chrome Predictor的预测功能优化 Chrome会随着使用变得更快. 它这个特性是通过一个单例对象Predictor来实现的.这个对象在浏览器内核进程(Browser Kernel Process)中实例化,它唯一的职责就是观察和学习当前网络活动方式,提前预估用户下一步的操作.下面是一个示例: 用户将鼠标停留在一个链接上,就预示着一个用户的偏好以及下一步的浏览行为.这时Chrome就可以提前进行DNS Lookup及TCP握手.用户的点击操作平均需要将近200ms,在这个时间就可能处…

google chrome中如何删除一条输入网址提示

在google chrome中网站栏输入字母的时候会出现网址的提示,如下图: 之前遇到个问题,不知道之前打错了www.baidu.com为wwww.baidu.com(也会跳转到百度)导致一输入“w” 第一个提示就是wwww.baidu.com. 在网上搜一下,大都是清空browsing data,但这样所有的浏览历史都没有了. 那么如何删除一个“其中一个”提示呢?在google上搜了下,得到下面这个optimal的答案: 例如我要删掉上图的amazon.cn这个提示方法就是当出现提示上图的提…

Chrome 中的 JavaScript 断点设置和调试技巧（转载）

原文地址:http://han.guokai.blog.163.com/blog/static/136718271201321402514114/ 你是怎么调试 JavaScript 程序的?最原始的方法是用 alert() 在页面上打印内容,稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容.嗯~,用这两种土办法确实解决了很多小型 JavaScript 脚本的调试问题.不过放着 Chrome 中功能越发强大的开发者工具不用实在太可惜了.本文主要介绍其…

在Chrome中安装PostMan用来测试SpringBoot程序

1. 首先下载一个PostMan的插件,Postman_v4.1.3.crx 下载下来为这种类型的文件. 2. 在Chrome中输入chrome://extensions/ 这个,打开Chrome的扩展程序.还有一种办法是选择,设置->更多工具->扩展程序. 3. 将Postman_v4.1.3.crx 拖到这个界面下提示这个东西. 4. 在网上找解决方案:将这个文件的后缀名改为zip,然后解压,解压后放着, 5. 勾选开发者模式, 点击加载已解压的扩展程序. 6. 然后它有报这个错误:…

ie、firefox、chrome中关于style="display:block" 引发的页面布局错乱的解决办法

ie.firefox.chrome中关于style="display:block" 引发的页面布局错乱的解决办法: table中tr 添加style="display:block" 导致页面布局错乱对table中tr 不显示时,添加style="display:none",ie.chrome.firefox等都没有问题.但是如果想要显示某个tr,就不能使用style="display:block"了,因为,在ie下,可以正常…

JavaScript 中的undefined and null 学习

JavaScript 中的undefined and null learn record from the definitive guide to html5 JavaScript 中有两个特殊值:undefined and null, 在读取未赋值的变量或试图读取对象没有的属性时得到的就是undefined值. <!DOCTYPE HTML> <html> <head> <title>Example</title> </head>…

Web 性能优化：Preload与Prefetch的使用及在 Chrome 中的优先级

摘要: 理解Preload与Prefetch. 原文:Web 性能优化:Preload,Prefetch的使用及在 Chrome 中的优先级作者:前端小智 Fundebug经授权转载,版权归原作者所有. 这是 Web 性能优化的第 6 篇,上一篇在下面看点击查看: Web 性能优化:使用 Webpack 分离数据的正确方法 Web 性能优化:图片优化让网站大小减少 62% Web 性能优化:缓存 React 事件来提高性能 Web 性能优化:21种优化CSS和加快网站速度的方法 Web 性能优…

HTML5地理定位API在chrome中不能正常使用

navigator.geolocation.getCurrentPosition在chrome中不能正常使用. 经测试发现,FQ后就能正常使用,估计是因为chrome 对这个API的实现使用了google的服务.…

chrome中安装.crx后缀的离线插件

在前端开发中常常需要在chrome中安装一些插件辅助开发,比如最常用的Postman.React Developer Tools.Vue.js devtools等等...今天分享一下不需要“FQ”的插件安装方式.这些插件的安装需要分两种情况: 一.不需要处理可直接安装的插件(比如:React Developer Tools) 1.下载相应插件,网上很多: 2.打开chrome扩展程序管理页面:浏览器右上角自定义及控制按钮--->更多工具--->扩展程序: 3.勾选扩展程序管理页面上方开发者模式…

【转】win2008 中iis7设置404页面但返回状态200的问题解决办法

今天根据SEO反馈,某个站点中设置的404页面返回的http状态为200.通过站长工具进行查询,发现返回的状态确实为200. 通过彻查问题,发现这个网站的服务器环境为windows2008 服务器为iis7.之前是通过服务器管理中的错误页功能进行404错误页面自定义.造成了现在出现的404页面显示正常,但是http头返回状态200的错误. 在网上找过多种办法,经过不断尝试,发现修改网站根目录下的web.config 文件可以解决此问题. 具体方法为: 1.打开网站根目录下的web.config文…

Chrome中安装Firebug插件

Chrome中的Firebug插件:Firebug Lite 1.Firebug Lite下载:http://chromecj.com/web-development/2015-05/471/download.html 2.chrome浏览器--更多工具--扩展程序 3.将下载好的Chrome离线安装文件xxx.crx,直接拖动到Chrome的扩展管理界面中.根据提示安装crx插件 4.在chrome中右侧有一个萤火虫图标,即打开 firebug…

chrome中workspace配置达到同步修改本地文件的作用

在前端开发中,我们经常需要在浏览器中进行调试,特别是一些样式的修改,如果你还是先在浏览器elements中调试好在复制到本地文件,那就真的out了. chrome浏览器的workspace功能完全可以帮你实现同步修改,但需要一些设置.好了,废话不多说,先看下面的例子: 1.在chrome中打开本地html文件,F12,打开调试器 2.在右上角的选择菜单中选择setting 3.在左侧菜单栏中选择workspace,并点击add folder添加项目目录所在文件夹 4.点击add,添加mappin…

在 Ubuntu 14.04 Chrome中安装Flash Player(转)

在 Ubuntu 14.04 中安装 Pepper Flash Player For Chromium 一个 Pepper Flash Player For Chromium 的安装器已经被 Ubuntu 14.04 的官方源收录. Flash Player For Linux 自11.2 起已经停止更新,目前 Linux 平台下面的 Flash Player 只能依靠 Google Chrom 的 PPAPI (Pepper Flash Player)进行更新(Chrome Only)(Ad…

在visual code的debugger for chrome中调试webpack构建的项目

一直使用chrome中内置的调试器, 感觉世界那么美好, 自从学了react之后,使用visual code作为编辑器, 它提供了很多插件, 其中就包括debugger for chrome, 一款使用内置调试器来调试浏览器中网页的插件.于是打算折腾一下试试. 踩了很多坑, 配置lanuch.json, 运行一直失败, 原因就是因为该项目是由webpack构建, 需要先启动项目, 然后再启动调试器 1. 启动项目 npm start 只有项目启动后, 配置的lanuch.json才有效!!! 2…