我来帮你一步步搞定这两个JavaScript相关的需求：

根据URL的复杂程度，我推荐两种实用方案：

方法1：简单字符串替换（适合结构简单的URL） #

如果你的URL没有复杂的查询参数或哈希，直接用String.replace()就能快速搞定，它会替换所有匹配的目标文本：

function removeSpecificTextFromUrl(url, textToRemove) {
  // 用正则全局匹配，确保替换所有出现的目标文本
  return url.replace(new RegExp(textToRemove, 'g'), '');
}

// 示例用法
const originalUrl = "https://my-site.com/page?tag=specificText&filter=active";
const cleanedUrl = removeSpecificTextFromUrl(originalUrl, "specificText");
console.log(cleanedUrl); // 输出: https://my-site.com/page?tag=&filter=active

注意：如果要移除的文本包含正则特殊字符（比如?*+），记得先转义，避免匹配逻辑出错。

方法2：用URL API处理（更严谨，适合复杂URL） #

如果URL包含查询参数、哈希等复杂结构，用浏览器原生的URL对象处理会更可靠，能精准修改指定部分而不影响其他内容：

function removeSpecificTextFromUrl(url, textToRemove) {
  const urlObj = new URL(url);
  
  // 按需处理路径、查询参数、哈希部分
  urlObj.pathname = urlObj.pathname.replace(new RegExp(textToRemove, 'g'), '');
  urlObj.search = urlObj.search.replace(new RegExp(textToRemove, 'g'), '');
  urlObj.hash = urlObj.hash.replace(new RegExp(textToRemove, 'g'), '');
  
  return urlObj.toString();
}

// 示例用法
const originalUrl = "https://my-site.com/specificText-post?param=specificText#specificText-section";
const cleanedUrl = removeSpecificTextFromUrl(originalUrl, "specificText");
console.log(cleanedUrl); // 输出: https://my-site.com/-post?param=#-section

我会基于你提供的代码片段完善，实现仅响应特定网站图片右键、提取指定URL部分、打开搜索页面这三个核心功能：

完整代码实现 #

// 配置项：按需修改目标网站域名和搜索基础URL
const TARGET_DOMAIN = "example.com";
const SEARCH_BASE_URL = "https://example.com/search/";

// 初始化右键菜单
const onInitialize = function() {
  chrome.contextMenus.create({
    title: 'Search by image',
    contexts: ['image'],
    // 限制仅在目标网站的图片上显示右键菜单
    documentUrlPatterns: [`*://*.${TARGET_DOMAIN}/*`]
  });
};

// 菜单点击事件处理逻辑
chrome.contextMenus.onClicked.addListener(function(info, tab) {
  const imageFullUrl = info.srcUrl;
  
  // 提取指定部分：从完整URL中剥离协议、域名和文件扩展名
  // 示例：http://example.com/images1/img1.jpg → images1/img1
  const urlObj = new URL(imageFullUrl);
  // 获取去掉域名后的路径，比如 "/images1/img1.jpg"
  let pathSegment = urlObj.pathname;
  // 移除文件扩展名（适配.jpg/.png/.webp等格式）
  pathSegment = pathSegment.replace(/\.[^/.]+$/, '');
  // 去掉路径开头的斜杠，得到最终需要的格式
  const extractedPath = pathSegment.startsWith('/') ? pathSegment.slice(1) : pathSegment;
  
  // 构造搜索URL并打开新标签页
  const searchUrl = `${SEARCH_BASE_URL}${encodeURIComponent(extractedPath)}`;
  chrome.tabs.create({ 
    url: searchUrl, 
    index: tab.index + 1 
  });
});

// 扩展安装/更新时初始化菜单
chrome.runtime.onInstalled.addListener(onInitialize);
// 浏览器启动时也初始化（避免重启后菜单消失）
chrome.runtime.onStartup.addListener(onInitialize);

关键细节说明 #

• 特定网站限制：通过documentUrlPatterns参数，只有来自example.com（包括所有子域名）的图片才会显示右键菜单，避免全局触发。
• URL提取逻辑：用URL对象解析图片地址，先剥离协议和域名，再通过正则移除文件扩展名，最后清理路径开头的斜杠，确保得到你需要的images1/img1格式。
• 鲁棒性处理：正则/\.[^/.]+$/能适配绝大多数图片扩展名，同时处理了路径开头斜杠的情况，保证提取结果格式统一。

内容的提问来源于stack exchange，提问作者user9324026