应用截图

详细介绍

模糊网页元素并将文字替换为占位文本（如“lorem ipsum”），让人专注于页面形式。 1. 功能 ● 隐藏网页上不需要的信息。 您可以自行选择要隐藏或显示的信息。 ● 使用占位文本和自适应模糊，尽可能清晰地保留页面结构。 模糊应用于单个元素，而非整个区域，因此效果更好、更清晰。文字替换选项让您无需使用模糊即可隐藏信息，效果更佳。 ● 可选择以原始形式显示的网页元素。 扩展程序允许您选择要保持不变的内容区域，也可以选择一组元素。例如，如果您想保留图标，它们通常是 SVG 元素。如果您想隐藏广告，它们可能是大型空白元素或 iframe。 ● 在页面添加数据时继续工作。 您可以启用扩展程序并向下滚动。如果页面实现了无限滚动，扩展程序会尝试处理新元素。在某些网站（如 YouTube）上，您甚至可以在扩展程序运行时点击链接进行导航。 2. 适用范围 本扩展程序旨在隐藏网页上不需要的信息。它通过模糊和将文字替换为“lorem ipsum ...”，尽量使页面的视觉结构接近原样。 当您在视频或截图中使用包含他人内容的网站时，它很有用。网站上的文字和图片可能受版权保护。 您是否曾用截图制作说明？ 也许您曾尝试截取更好的图片并裁掉部分内容。裁去多余部分可能会强行集中用户的注意力，却不给他们任何机会了解被裁掉的位置有什么。他们可能会凭想象补全图像细节，而想象出的内容与实际相差甚远。 这样的截图可能会误导用户。也许对他们来说，至少留下有关被裁部分的提示是必要的。 一方面，最好留下提示以免用户困惑；另一方面，又希望将注意力集中在重点上。本扩展程序允许您使用模糊来避免完全移除信息，留下原有内容的线索。同时，您可以恢复模糊页面中选定的部分，以集中注意力。 您是否注意过陌生人如何看待您手机上又大又亮的图片？ 许多网站会特意调整图片大小以适应屏幕宽度。这可以放大图片以填满屏幕宽度，帮助用户看得更清楚，但也会吸引其他人的大量注意。 本扩展程序可自动隐藏所有图片，同时保持文字不变，帮助您向旁人隐藏自己爱好的不必要细节。 截取网页截图时有哪些风险？ 假设您需要截取网页截图，然后将其发布给其他用户。网页可能包含受版权保护的视频、图片、字体和 SVG。您需要判断自己的行为是否属于合理使用。如果不是，您可能需要向这些资源的所有者付费，以获得使用许可。 然后您会意识到，问题的解决并不取决于图标的形状或网站的文字内容。过多的细节可能会分散用户的注意力，破坏作品的整体体验。 如何让截图更好？ 为了让人专注于形式并隐藏细节，设计师会使用“占位文本”。您还可以通过模糊隐藏不需要的图片甚至文字，但应注意，模糊并非在所有情况下都能很好地遮盖文字，而且往往会过度改变文字的外观。 模糊网页元素 如果要使用模糊，您需要指定模糊半径。模糊半径非常重要：半径过大会改变整个图像的结构，过小则无法隐藏信息。 如何更智能地模糊？ 网页元素由专业人员设计，网页结构信息可用于自动计算模糊半径。本应用使用这些信息计算模糊半径。 扩展程序巧妙地利用 HTML 元素进行模糊，这种方法还有什么好处？ 许多网页元素不允许模糊效果超出其边界。本应用利用这一特性，使处理更加精确。 模糊元素有什么缺点？ 可以智能地使用模糊半径，但它必须存在。如果 HTML 元素没有设置为隐藏溢出内容，模糊可能会破坏其他元素的外观。 文字信息在本质上与图片或视频截然不同，但如果使用模糊，我们就无法区分文字数据和图形数据。 是否可以将文字数据与图形数据分开，避免使用模糊？ 可以用其他文字替换文字数据，在不使用模糊的情况下隐藏原始信息。所用文字不应分散对重点的注意力。 为了让文字不分散注意力，并帮助人们专注于形式而非细节，设计师会使用由无意义词语组成的“占位文本”，例如“Lorem ipsum ...”，也称为“greeked text”。 本扩展程序可以将不需要的文字替换为“Lorem ipsum ...”。 3. 使用方法 3.1. 启用 1）点击浏览器地址栏旁的扩展程序图标。 2）在出现的窗口中点击“Enabled”开关。 3.2. 隐藏窗口 要隐藏窗口，请点击窗口右上角的关闭按钮。 3.3. 更改窗口位置 要更改窗口位置，请点击窗口右上角的箭头。 3.5. 恢复页面区域 扩展程序通过窗口内的开关开始工作后，算法默认尝试模糊所有元素。要将部分元素恢复原状，需要先选中它们再进行恢复。点击“Select”按钮进行选择，点击“Restore”按钮进行恢复。 3.6. 保存页面设置 您可以针对每个 URL 路径单独设置扩展程序。您可以在浏览器地址栏中找到页面路径。如果两个不同的地址仅在“?”或“#”之后的部分不同，则会使用相同的设置。设置保存在本地计算机上。 4. 功能 扩展程序使用占位文本和模糊来隐藏网页内容。 4.1. 占位文本替换 占位文本替换（“dummy text”或“lorem ipsum”）只能应用于文字元素。该功能可以开启、关闭，也可以与模糊选项一起使用。 此功能通过将原始文字替换为以下段落实现：“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum”。 替换后的文字长度不会超过原文长度。算法会尝试保留开头和结尾的空格及换行。 4.2. 模糊 模糊可应用于文字元素和其他类型的元素。不同类型元素的模糊半径（以像素为单位）不同。对于文字，该值与字号成比例；对于其他类型的元素，该值与视口宽度和高度中的较小值成比例。 4.2.1. 模糊空元素 此选项主要用于模糊封闭的 shadow DOM 元素。