北屋教程网

专注编程知识分享,从入门到精通的编程学习平台

5 分钟带你写个自己的 Chrome 扩展和油猴脚本

Chrome扩展编写

一个 Chrome 扩展其实就是一个配置文件 manifest.json 和一系列 html、css、js文件的集合,只要有一点点前端的基础,写一个简单的 扩展还是很简单的。

只需一行代码,任意网页秒变可编辑!

Web 性能优化、文档及代码编辑器相关的新提案

作为使用 Web 技术的代码编辑器从业者,关注 Web 平台的各种新提案是工作的一部分。随着 Monaco Editor 被很多服务使用,我也开始收到各个新提案的发起者的邀请,对他们的提案提供反馈。其中一些提案跟编辑器开发效率和性能优化息息相关,但还处于非常早期的阶段,十分有潜力,所以我觉得值得分享出来,这样大家有机会可以参与到这些提案的设计讨论中。

首先,这篇文章的适用人群

  • Web 文档和开发工具从业者。这里我还是举几个例子帮助理解你们的产品类似于 Office Online, Google Docs, 石墨, 语雀, Notion 等等你们的产品类似于 Monaco Editor, CodeMirror, Ace 等等

不得不安利的富文本编辑器,太赞了!

hello,大家好,我是徐小夕。之前和大家分享了很多可视化零代码前端工程化的最佳实践,最近也在迭代可视化文档知识引擎Nocode/WEP。在研究文档编辑器的时候也发现了很多优秀的开源项目,从中吸取了很多先进的设计思想。

接下来就和大家分享一款由

HTML5常用标签大全

HTML前端开发最终取决于掌握标签的多少

HTML大概有七八百个标签

楼主这里给大家总结了下HTML常用标签

标签描述

<!--...-->定义注释。

<!DOCTYPE> 定义文档类型,所有H5都是这玩意打头。

<a>定义锚。

<abbr>定义缩写。

<acronym>定义只取首字母的缩写。

<address>定义文档作者或拥有者的联系信息。

让编辑器支持word的复制黏贴,支持截屏的黏贴

chrome有很多人性化的API,比如拖拽, 比如图片可以转化为base64等;

比如知乎上面的回复中可以直接黏贴图片, 就不需要手动点击图片上传按钮, 选择图片, 确认上传等等; 知乎参考地址:打开

让编辑器支持word的复制黏贴, 其中图片会转化为base64编码, 如果是通过远程打开这个静态页, 黏贴word文档的时候, 图片不会黏贴进来, 因为远程地址无法访问本地磁盘的绝对路径, 如果把下面代码保存成静态界面打开, 那么word中的图片都可以看见, 而且都会被转化为base64编码;

程序员必备,Fiddler和spy-debugger的远程调试手机APP

背景

笔者从事Web开发,不论是PC端还是APP端,调试抓包都是必不可少的环节,懂前端的人都知道,PC端调试非常方便,Chrome或者火狐等浏览器等都自带了非常方便且易于使用的开发者工具,便于我们抓包调试。但是现在开发不仅仅是PC端,移动端也占了很大的比重,但是在移动端调试就没PC端这么方便了,因此就要借助第三方的抓包工具供我们调试抓包,本文就介绍两个常用的方法进行介绍,分别是Fiddler和开源的抓包工具spy-debugger!



Fiddler

快速了解JavaScript富文本编辑

富文本编辑器(Rich Text Editor)是在网页上使用的一种所见即所得的文本编辑器,是 Web 应用开发中很常见的需求。

富文本实现

browser-use:AI 驱动的浏览器自动化神器——DOM识别与交互详解

browser-use 可以识别网页中可交互DOM内容,并能与之进行交互。本文将详细介绍 browser-use 实现这一核心功能的技术细节。


今天才知道,网上的假截图原来不是P出来的

很多人可能会见过类似的截图:

哇塞!什么就能轻轻松松提现12万?我也好想试试啊!但这是真的吗?

其实这张图片却是假的,上面的数字,我想改多大,就能改多大。而且网页就是这样显示的,也不是后期通过修图软件合成的。

而修改的方法十分简单,没有学过编程也不要紧,只需要简单的几步就能做到,好奇的同学请继续!

这种假截图如何生成?

准备工作

我们打开准备修改的网页,然后按下键盘上的F12,这时网页下方,会出现一个框,里面很多代码。不要担心看不懂,因为这和接下来的操作无关。

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言