让 Chrome 像 app 一样下拉拖拽刷新页面

最新推荐文章于 2023-11-07 13:39:12 发布

chromeblog

最新推荐文章于 2023-11-07 13:39:12 发布

阅读量7.3k

点赞数

分类专栏：首页社区文章文章标签： chrome 扩展 safari twitter windows android

首页同时被 3 个专栏收录

92 篇文章 0 订阅

订阅专栏

Chrome专区

87 篇文章 0 订阅

订阅专栏

社区文章

78 篇文章 0 订阅

订阅专栏

iOS 或 Android 用户对下图 app 这样的更新方式一定不陌生：用手指拖住屏幕往下一拽，app 就立刻刷新当前页面。

自 Twitter 发明了这种 pull to refresh 刷新方式，大大小小的 app 都把它给抄袭走了，现在，甚至有开发者把它带到 Chrome 和 Safari 上面去了！

通过 Pull-to-refresh-for-Chrome-and-Safari 这个扩展，可以在Chrome中实现这种pull to refresh 刷新方式。

不过目前该扩展只能在 Mac 的 Lion 系统上使用，Windows、Linux 或 Snow leopard 上则无法实现。

该扩展尚未在Chrome扩展中心上线，但已经挂在Github上了。

Github地址：Pull-to-refresh-for-Chrome-and-Safari

本文来自：Chrome迷

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

chromeblog

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

HTML5模拟原生APP上拉加载，下拉刷新

12-18

HTML5模拟原生APP上拉加载，下拉刷新HTML5模拟原生APP上拉加载，下拉刷新

chrom调试技巧大全，史上最全

前端技术教程

08-30

1822

Chrome的隐身模式先来说说隐身模式的启用方法吧 1.键盘快捷：Ctrl + Shift + N。 2.在Windows7下的任务栏处，右击“Chrome”图标，会出一个下拉菜单，点击“新建隐身窗口”。 3.你还可以在一个正在浏览的页面中，通过“右键点击链接”出现下拉菜单，选择“在隐身窗口中打开链接”，直接进入隐身窗口（如下图）。简单一点的说，C

1 条评论您还未登录，请先登录后发表或查看评论

Java当中使用 Selenium 使其 ChromeDriver 控制谷歌浏览器向下不断的滑动到最低部

程序员猫爪

02-14

1758

在 Selenium 中，可以使用 JavaScript 脚本执行滚动操作。然后调用 executeScript 方法执行 JavaScript 代码。上面的代码将浏览器滚动到页面的最低部。请注意，这只适用于 ChromeDriver，如果您正在使用其他 WebDriver，则可能需要使用不同的代码。先设置写循环不断的改变窗体距离顶部的距离。

【Demo】教你实现下拉刷新

GuoguoDad的博客

11-14

861

第三方库很常见，我们开发需求的时候经常会用到下拉刷新组件，如果要我们自己实现下拉刷新该如何实现尼？

Chrome浏览器中使用JavaScript自动下拉刷新页面

最新发布

choiiie的博客

11-07

1221

自动滚动网页是一个简单但非常实用的技术，可以用于各种合法的场景，如网页测试、内容查看等。希望本文介绍的方法能够对你有所帮助。

最简单下拉刷新，Google最新（可刷新任何控件）

scry5566的专栏

04-02

1747

Google终于出下拉刷新控件了，你们知道吗？ 2014年3月29日 XML文件需要引用android.support.v4.widget.SwipeRefreshLayout控件，在里面可以放置任何一个控件，包括ListView，scroll

js仿手机页面文件下拉刷新效果

10-21

下拉刷新是一种模拟手机上拉刷新列表的交互方式，当用户在页面底部向上拖动时，触发页面内容的刷新。本文详细介绍如何使用JavaScript仿造手机页面文件的下拉刷新效果。首先，我们需要通过HTML和CSS来构建页面的...

使用Chrome浏览器调试Android App详解

09-03

本文主要介绍如何使用Chrome浏览器来调试Android应用程序，特别是在集成Facebook开源的Stetho库之后，...通过结合Chrome的Developer Tools，开发者可以像调试Web应用一样调试Android应用，提高了开发效率和用户体验。

Chrome Web App开发小结

10-25

在本文中，作者详细介绍了自己在开发Chrome Web App过程中的经历、所遇到的问题以及最终解决问题的方案。通过这些宝贵的经验，我们可以学习到Chrome Web App的开发流程、遇到的技术难题以及相应的解决策略。首先，...

chrome-develop-tutorial:开发 Chrome App Extension 指引

05-02

开发 Chrome App / Extension 的指导概述 background 控制 -> popup -> options.html -> browserAction -> pageAction -> menucontext -> devtools -> omnibox -> ... Chrome App vs Chrome Extension 先要...

iscroll5.2.0--页面下拉刷新，上拉分页加载

10-10

**下拉刷新** 是一种常见的移动应用和网页设计模式，当用户向下滚动到页面顶部时，会触发一个刷新操作。iscroll5.2.0通过监听滚动事件和用户的触摸动作，实现这个功能。开发者可以通过设置iscroll的配置项，自定义...

详解谷歌Chrome浏览器中的各种刷新姿势（点击链接，在地址栏回车，F5，Ctrl + F5，Shift + F5，Ctrl + R，Ctrl + Shift + R）

热门推荐

frcoder的博客

09-11

1万+

正常重新加载（F5，Ctrl + R，在地址栏回车，点击链接）：使用缓存数据。硬性重新加载/强制刷新（Ctrl/Shift + F5，Ctrl + Shift + R）：强制浏览器重新下载项目并重新加载。使用的资源可能来自缓存版本。清空缓存并硬性重新加载：页面的缓存完全清除，必须根据需要重新下载所有内容。

移动端，取消谷歌浏览器上滑刷新

qq_33759361的博客

03-24

1063

取消移动端上滑刷新大致思路定义几个全局变量， let now_top_height, now_address, init_address // 当前距离顶部的高度，滑动后元素的坐标，滑动前元素的坐标判断浏览器是是否向上滑动，判断是否已经到达页面顶部（因为只有当到达页面顶部的时候，才会触发上滑刷新）是否会影响浏览器正常的上下滑动。 // 开始滑动的坐标 document.addEventListener("touchstart", event => { // 查看滑动的时候，距离顶部的距离

chrome地址栏下拉框插件

中国资深步行专家

11-06

1524

终于找到在chrome（google浏览器谷歌浏览器）中用的地址栏下拉框插件。 https://chrome.google.com/webstore/detail/logbmehmiacemkimbpcbjgaikobdndah

谷歌浏览器截取完整屏幕的方式（有下拉滚动条）

陈哈哈的菜园子

12-03

1万+

如何将谷歌浏览器（Chrome）“有下拉滚动条的”整个浏览器界面截图呢？示例：https://blog.csdn.net/qq_39390545（很长很长） 1.按下键盘上 “F12” 或者 “Ctrl + Shift + i” 打开调试页面打开调试界面↓↓↓ 2.按下键盘上 “Ctrl+Shift+P” 3.键入内容“Capture full size scree...

谷歌官方两种下拉刷新样式（横线样式、圆圈样式）

breeze_wf的专栏

03-03

7290

下拉刷新经常会用到，谷歌官方也推出了自己的下拉刷新控件SwipeRefreshLayout，使用也非常简单。直接在Listview，Gridview等外层嵌套android.support.v4.widget.SwipeRefreshLayout即可。需要注意的是要导入兼容的v7，v4包。谷歌最新下拉刷新控件样式由原来的横线样式变成了圆圈样式，而且下拉时页面不再向下滑动。个人感觉比以前

Android SwipeRefreshLayout 官方下拉刷新控件介绍

pjbwan的专栏

11-06

414

下面App基本都有下拉刷新的功能，以前基本都使用XListView或者自己写一个下拉刷新，近期Google提供了一个官方的下拉刷新控件SwipeRefreshLayout，我感觉还不错啊，见惯了传统的下拉刷新，这个反而给人耳目一新的感觉（貌似知乎的APP已经使用这种下拉刷新了）。 Google也在官方网站给出了V4的兼容包：顺便看一眼API呗：和Xli

网页 js实现下拉刷新效果

小游

12-11

733

本文档为个人博客文档系统的备份版本、作者：小游、作者博客：点击访问我们这里是放在vue里面的，普通的html也适用首先定义下面几个方法 //获取滚动条的位置 getScrollTop() { var scrollTop = 0; if(document.documentElement && document.documentElement.scrollTop) { .

chrome 插件刷新页面源码

09-06

要用Chrome插件刷新页面的源代码，首先我们需要创建一个新的Chrome插件。以下是一个简单的示例代码： 1. 创建一个新的文件夹，并命名为"myextension"。 2. 在该文件夹中创建一个名为"manifest.json"的文件，用于...