【问题标题】:How to navigate to a web page via <a href> link with 150% zoom in?如何通过 150% 放大的 <a href> 链接导航到网页?
【发布时间】:2021-04-01 09:15:05
【问题描述】:

我想知道是否可以通过链接导航到网页并放大到 150%?

我唯一能想到的就是重写'.click()'函数并更改那里的css,例如'-moz-transform',可能是这样的:

<!DOCTYPE html>
<meta charset="utf-8">
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  </head>
  <body>
    <a href="https://www.google.com/search?q=kobe&igu=1" id="myLink" ></a>
  </body>
  <script>
    $('#myLink').click(function() { zoom_page() });
    function zoom_page()
    {
      // DO SOMETHING HERE!!
    }
    function autoClick() {
      document.getElementById('myLink').click()
    }
    window.addEventListener("load", autoClick);
  </script>
</html>

但不知道具体怎么做。

有人可以帮忙吗?谢谢! 安迪

【问题讨论】:

  • 您介意详细说明为什么您需要此功能吗?不通过他们自己的交互来改变最终用户的界面通常是糟糕的用户体验。
  • @esqew 实际上我有一个基于 Chromium 的 Webview,它不支持像 Chrome 那样的放大/缩小功能,并且许多 Web 内容在其上呈现时看起来非常小且不可读。

标签: javascript html jquery css


【解决方案1】:

鉴于您的示例使用了您几乎可以肯定的知名公共网站的 URL。无法控制:你不能那样做。

您运行的任何 JavaScript 都将应用于当前页面,而不是您导航到的下一个页面。

如果您可以在任意第三方网站上运行 JavaScript,那么XSS 的主要问题无处不在


如果您拥有对目标页面的控制权,那么您可以根据从前一页面传递的数据(例如,通过 URL 的查询字符串)使用嵌入在目标页面中的服务器端代码或 JS 来修改它)。

【讨论】:

  • 不知道google是怎么做到的?我的意思是,当您在 Google 中搜索某些内容(使用 Chrome)时,当您导航到某个链接时,最适合您问题的答案会在该网站的页面上亮起!
  • @ZhuravlevA。 — 那是a feature built into Chrome 专门用于实现该效果。他们没有在目标站点上运行 JS。
猜你喜欢
  • 2010-09-21
  • 2017-04-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-11-21
  • 2014-11-09
  • 2013-05-13
相关资源
最近更新 更多